定位内容旁边的块
问题描述:
我要在页面内显示title
。 title
是一个php函数<?php the_title(); ?>
,内容是另一个函数<?php the_content(); ?>
。定位内容旁边的块
正如你可以在图片中看到的,这里的标题是“Android手机中最好的Widget”,内容就是它的下一个。
我该如何定位div
这样的元素来显示title
之间的内容区域?
答
所以你所要求的是不那么可行的,彩车是基于其在页面顺序计算,所以没有办法进去大块的头文字没有实际放置标题之间段落,我知道你的情况是不可能的。但是你不能将一个元素浮动到比实际位置更高或更低的位置。
这里最接近的解决方案是使用简单的css将标题浮动到左侧,这会将标题置于文本顶部而不是中间。
h1 {
float: left;
display: block;
width: 250px;
}
我创建了一个jsFiddle与在这两种情况下的结果。
PS:我知道你说的没有PHP,但如果你真的想你问的是什么,你可以利用excerpt功能(因为我知道你正在使用WP),以及excerpt()
和content()
所以你们之间分割的文章可以在两者之间放置标题。只是一个想法。
+0
太棒了!你明白我想要什么;) – revo 2013-03-04 22:28:33
那是什么float:left;被发明了。我确定会有更多的不仅仅是,虽然 – iConnor 2013-03-04 21:08:44
请显示您的HTML输出。这与PHP无关。 – 2013-03-04 21:09:54
克里斯科伊尔[有点告诉你](http://css-tricks.com/all-about-floats/)! – jmeas 2013-03-04 21:11:49