2013-03-04 66 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