我要在頁面內顯示title
。 title
是一個php函數<?php the_title(); ?>
,內容是另一個函數<?php the_content(); ?>
。定位內容旁邊的塊
正如你可以在圖片中看到的,這裏的標題是「Android手機中最好的Widget」,內容就是它的下一個。
我該如何定位div
這樣的元素來顯示title
之間的內容區域?
圖網址:http://i.stack.imgur.com/lh5iC.jpg
我要在頁面內顯示title
。 title
是一個php函數<?php the_title(); ?>
,內容是另一個函數<?php the_content(); ?>
。定位內容旁邊的塊
正如你可以在圖片中看到的,這裏的標題是「Android手機中最好的Widget」,內容就是它的下一個。
我該如何定位div
這樣的元素來顯示title
之間的內容區域?
圖網址:http://i.stack.imgur.com/lh5iC.jpg
所以你所要求的是不那麼可行的,彩車是基於其在頁面順序計算,所以沒有辦法進去大塊的頭文字沒有實際放置標題之間段落,我知道你的情況是不可能的。但是你不能將一個元素浮動到比實際位置更高或更低的位置。
這裏最接近的解決方案是使用簡單的css將標題浮動到左側,這會將標題置於文本頂部而不是中間。
h1 {
float: left;
display: block;
width: 250px;
}
我創建了一個jsFiddle與在這兩種情況下的結果。
PS:我知道你說的沒有PHP,但如果你真的想你問的是什麼,你可以利用excerpt功能(因爲我知道你正在使用WP),以及excerpt()
和content()
所以你們之間分割的文章可以在兩者之間放置標題。只是一個想法。
太棒了!你明白我想要什麼;) – 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