CSS：不固定文本 div 宽度答案

【问题标题】：CSS: Not fixed text div WidthCSS：不固定文本 div 宽度
【发布时间】：2012-08-27 16:57:59
【问题描述】：

我正在从事个人项目，但遇到了设计问题：

假设您有一个 div，其中包含以下文本：“你好，我的名字是 Daniel...”，并且在其下还有另一个 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;
}

谢谢。

【问题讨论】：

标签： css html text width fixed

【解决方案1】：

你想要这个：http://jsfiddle.net/uhEBs/ 吗？

使用

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

另外，你可以将padding-left: 15px; padding-top: 9px; padding-bottom: 10px; padding-right: 15px加入padding: 9px 15px 10px 15px

【讨论】：

天才，谢谢！问题解决了。

【解决方案2】：

您将元 div 放置在 msg div 中。您可能会更轻松地将它们分开并将元数据作为帖子 div 的一部分，然后设置它们各自的宽度

【讨论】：