CSS：沒有固定文本格寬度

我工作的一個個人項目，我有一個設計問題：CSS：沒有固定文本格寬度

說你有這個文字DIV：「你好，我的名字是丹尼爾......」並在另一個div ..

因此，寬度應該是需要該短語和元素的大小;不是整個容器的大小。

這是我在HTML代碼：

<div id="feed"> 

     <div class="post"> 
      <div class="feed-msg"> 
       <p>My name is Daniel...</p> 
       <div class="meta">5 hours ago.</div> 
      </div> 
     </div><!-- [End] .post --> 
</div>

這是我在CSS代碼：

#feed { 
position: relative; 
} 

#feed .post { 
min-height: 55px; 
margin-left: 90px; 
position: relative; 
margin-bottom: 20px; 
} 

#feed .post div.feed-msg { 
padding-left: 15px; padding-top: 9px; padding-bottom: 10px; padding-right: 15px; 
}

感謝。

來源

2012-09-02 Daniel

你想要這個：http://jsfiddle.net/uhEBs/？

使用

#feed .post div.feed-msg { 
    display:inline-block; 
}

而且，你可以加入到padding-left: 15px; padding-top: 9px; padding-bottom: 10px; padding-right: 15pxpadding: 9px 15px 10px 15px

來源

2012-09-02 20:56:46 Oriol

您的天才，謝謝！問題解決了。 – Daniel

你放置你的味精專區內的元股利。你可能會得到一個更簡單的時間來分開它們，並將meta作爲post div的一部分，然後設置它們各自的寬度

來源

2012-09-02 20:59:19

CSS：沒有固定文本格寬度

回答

相關問題