CSS：段結束之後將事業部，在同一直線上

我有文字和一個div段落什麼說什麼「更」像這樣：CSS：段結束之後將事業部，在同一直線上

<div> 
    <p> 
    Lorem ipsum dolor sit ametm. 
    </p> 
    <p> 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. 
    </p> 

    <div class="extra">more</div> 
</div>

我需要把額外的div權在該段最後一個詞的結尾之後，在同一行上。

這樣的：這是對P的結束 - 更多

這似乎是很容易與AP這樣做：選擇後，但我不能用這個，因爲我需要在jQuery的「額外」的div工作。

而且我需要使用display或inline的段落。

有人有小費嗎？非常感謝！

編輯：我需要有額外的div旁邊的 - 在未包裹的P - 多數民衆贊成的問題

，我試圖用跨度和內塊，但沒有任何運氣

來源

2015-09-08 buckdanny

您是否嘗試過使用''span''而不是''div''？ –

我不能包裝在 – buckdanny

你可以在div上使用display: inline-block嗎？

可以讓元素具有寬度，高度（以及其他框屬性，如填充），但在定位時其行爲與段落中的字符相同。

哦，另外，您可能必須將div放在最後一段，否則該段落會將其壓低 - 該段落在頁面中有自己的框。

來源

2015-09-08 17:35:31 dangerChihuahua007

試試這個：

<div> 
     <p>Lorem ipsum dolor sit ametm.</p> 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. 
<span class="extra">more</span> 
     </p> 
    </div>

來源

2015-09-08 17:36:54

段的extra-div謝謝，但我無法包裝在段外extra-div。 – buckdanny

@ buckdanny：'div'是一個'block-level元素'，而'span'是一個'inline元素'。所以'div'強制元素在新行上開始並且佔用全部可用寬度。 http://www.w3schools.com/html/html_blocks.asp –

我不能包裹跨度P內，因爲P從WordPress的循環來了。最後我用jquery在最後一個p的末尾添加了跨度。

$(document).ready(function() { 
    $('.extra_available p:last-of-type').append(' <span class="extra"> extra </span>'); 
});

非常感謝！

來源

2015-09-09 21:11:15 buckdanny

CSS：段結束之後將事業部，在同一直線上

回答

相關問題