2013-03-04 65 views
0

我要在页面内显示titletitle是一个php函数<?php the_title(); ?>,内容是另一个函数<?php the_content(); ?>定位内容旁边的块

正如你可以在图片中看到的,这里的标题是“Android手机中最好的Widget”,内容就是它的下一个。

我该如何定位div这样的元素来显示title之间的内容区域?

图网址:http://i.stack.imgur.com/lh5iC.jpg

+2

那是什么float:left;被发明了。我确定会有更多的不仅仅是,虽然 – iConnor 2013-03-04 21:08:44

+1

请显示您的HTML输出。这与PHP无关。 – 2013-03-04 21:09:54

+0

克里斯科伊尔[有点告诉你](http://css-tricks.com/all-about-floats/)! – jmeas 2013-03-04 21:11:49

回答

0

所以你所要求的是不那么可行的,彩车是基于其在页面顺序计算,所以没有办法进去大块的头文字没有实际放置标题之间段落,我知道你的情况是不可能的。但是你不能将一个元素浮动到比实际位置更高或更低的位置。

这里最接近的解决方案是使用简单的css将标题浮动到左侧,这会将标题置于文本顶部而不是中间。

h1 { 
float: left; 
display: block; 
width: 250px; 
} 

我创建了一个jsFiddle与在这两种情况下的结果。

PS:我知道你说的没有PHP,但如果你真的想你问的是什么,你可以利用excerpt功能(因为我知道你正在使用WP),以及excerpt()content()所以你们之间分割的文章可以在两者之间放置标题。只是一个想法。

+0

太棒了!你明白我想要什么;) – revo 2013-03-04 22:28:33