将内容包装在div中

Question

当内容超出div的宽度时，我需要自动将内容包装在div中。

如何在不使用滚动条的情况下使用css使内容适合div。

这是我的代码：

<div id="main">
  <ul>
    <li>
      <blockquote>
        <p>content content content content</p>
    </li>
  </ul>
</div>

CSS

#main ul li blockquote p
{
    display: inline-block;
    white-space: nowrap;
}

我该怎么做？

Answer 1

两件事：

首先，正如@esqew所指出的，你的选择器不正确。你可能想要：

#main ul li blockquote p

---

要调整任何元素大小以适合其内容，请使用CSS高度的auto值：

#main ul li blockquote p
{
    display: inline-block;
    white-space: nowrap;
    height: auto;
}

JSFiddle