在Wordpress中,如何使图像的宽度大于我用于文本的-moz-column-width属性?

时间:2011-07-28 20:33:36

标签: css wordpress css3

当Wordpress管理员插入照片和一些文字时,我使用-moz-column-width将文本拆分为列。问题是,这也使得照片包含相同的列宽。

理想情况下,我希望图像填充两列或100%内容区域的范围,而不是与一列文本的宽度相同。

问题似乎是Wordpress将图像和文本放在相同的段落标记中,无法定位我所知道的图像。

任何提示?

我的服务器被锁定后的屏幕截图: http://dl.dropbox.com/u/4088146/Screenshots/h.png

<div class="post-text">
<h1 class="title" style="text-indent: 0px;">Viribus doloribus tempus, ratione quasi</h1>

<p><a href="http://make.truliablog.com/wp-content/uploads/2011/06/Leaderboards.png"><img width="1347" height="1237" alt="" src="http://make.truliablog.com/wp-content/uploads/2011/06/Leaderboards.png" title="Leaderboards" class="alignnone size-full wp-image-2470"></a></p>
<p>&nbsp;</p>
<p>
Lorem ipsum dolor sit amet dolorem proident utilitatis magnus agris. Abutebatur architecto propter ut materia. Quam quo aliquip, officii voluptatem. Qui pariatur officii eos.<br>
Lorem ipsum dolor sit amet cum tenetur animi. Et laboris aut aspexerat fugiat. Ipsa amet quoddam colebatur propter. Qui tempore et magna sibi. Id ipsum deinde, repellat minim. Mollit odit culpa qui aut. Adipisci vel delectus, pariatur propagabant. Consequatur sibi vero, voluptate consequatur. Ipsa colebatur et, pariatur repellendus. Dolor ullam consequatur id.<br>
</p>
</div>

1 个答案:

答案 0 :(得分:0)

您可以使用[-moz-|-webkit-]column-span属性使元素跨越多个列。