0

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

假设您有一个带有以下文本的 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;
}

谢谢。

4

2 回答 2

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

于 2012-09-02T20:56:46.850 回答
0

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

于 2012-09-02T20:59:19.093 回答