个性化阅读
专注于IT技术分析

WordPress/Avada-如何修复中型屏幕上图像周围的文字环绕

点击下载

我正在处理在WordPress上由Avada构建的页面。

如果有人熟悉它, 我们将使用内容框构建垂直的时间轴, 除了一个小问题我们需要一些帮助之外, 其他所有事情都进展顺利。

在中等尺寸的屏幕上, 某些文本会尴尬地粘在侧面, 如下图所示。我想知道是否有一些CSS规则可以应用到该规则, 以便当文本低于全屏尺寸时, 文本将保持在图像下方。只要我们使用小尺寸/手机屏幕, 它就会做到这一点。

我们还没有编写任何代码, 但是页面构建器正在使用以下规则:

p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
图片

谢谢!


#1


不确定内容框是否将是你尝试使用的外观的最佳元素。我建议只在容器中构建两个1/1行, 并使用图像元素, 然后使用文本元素。使用Fusion Builder Live并切换线框, 以清晰了解其结构。

赞(0)
未经允许不得转载:srcmini » WordPress/Avada-如何修复中型屏幕上图像周围的文字环绕

评论 抢沙发

评论前必须登录!