【问题标题】:Wordpress: I want to set p max-width but images to ignore itWordpress:我想设置 p max-width 但图像忽略它
【发布时间】:2014-09-10 19:11:26
【问题描述】:

这是我在 Wordpress 4.0 上的作品集网站(使用 Side Full Width 主题和 Ebor Portfolio)。

我的文字和图片一样是全宽的。但这使得线路长度太长而不舒适。我已成功将p {max-width: 800px;} 添加到 custom.css 文件中,但这包括图像(它们被内嵌在投资组合编辑页面中,因此属于 p 标签)。

我希望图像保持全宽。我该怎么做?

编辑

感谢 Tplummer。但这没有用。我去了文本编辑器,输入的内容和你写的完全一样。然而,IMG 文章实际上并不在与文本相同的 p 标签内。

编辑 2

我尝试将图像放置在未使用的 h6 标记内,并留下全宽。这似乎奏效了!现在

浮动在中心......实际上看起来并不坏......但我的标题仍然存在......啊哈代码很棘手......

【问题讨论】:

  • 你能分享这个wordpress页面的链接吗?
  • 是的,或者使用 css 添加一个小内容的小提琴
  • Spencer:好的,感谢您的快速回复:
  • 页面现在有点乱,因为我在试错一堆不同的 CSS。它在这里:billyjacksdesign.com/design-work/the-living-logo。您还可以查看任何其他项目页面(design-work//happy-hi5-day/ 有简单的方形图像,可以很容易地看到边缘

标签: css wordpress customization


【解决方案1】:

如果它们嵌套在 <p> 标记中,您将会遇到麻烦。

如果它是基于内容的,请尝试将要设置样式的文本包装在一个跨度内,即<p> 标记内。

CSS

.limit-size { max-width: 800px; }

HTML

<p><span class="limit800">Text text text</span><img src="pic.jpg"></p>

【讨论】:

    猜你喜欢
    • 2010-12-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-05-29
    • 2012-10-19
    • 2011-01-01
    • 2014-12-29
    • 2018-06-16
    相关资源
    最近更新 更多