Html 列表显示为块而不是内联块

我有一本书，里面有几本

css:

html:

问题在于，不是让每个元素彼此相邻并显示一个巨大的水平滚动条，而是将所有内容显示为块，即显示垂直滚动条

我想知道窗口是否有一个不能超过的最大宽度限制，或者它只是一个小小的css问题？

尝试浮动您的lis:

尝试浮动您的lis：

---

这是css属性，不是问题。默认情况下，溢出将被包装，从而在新行上呈现。这是预期的行为，例如，您希望标记中的文本在到达其父行的右边缘时呈现在新行上

这是所有元素的默认值，因此要删除包装，您需要更改css中的空白属性：

ul{ white-space: nowrap; }

记事本中有一个非默认包装的示例。如果你想摆脱水平滚动条，你需要选择换行文本

---

这是css属性，不是问题。默认情况下，溢出将被包装，从而在新行上呈现。这是预期的行为，例如，您希望标记中的文本在到达其父行的右边缘时呈现在新行上

这是所有元素的默认值，因此要删除包装，您需要更改css中的空白属性：

ul{ white-space: nowrap; }

记事本中有一个非默认包装的示例。如果你想摆脱水平滚动条，你需要选择换行文本

---

我希望你的真实代码看起来不像。不，它不是。。。我只是想显示“高度”、“宽度”和“显示”属性已经设置好。我将对其进行编辑，以使用“样式”属性来消除混淆，并使复制/粘贴更容易。@Twidizle:而不是向我们显示不起作用的示例代码，发布你的html+css怎么样？按照@jnpcl的要求使用。我希望你的真实代码看起来不像。不，它不是。。。我只是想显示“高度”、“宽度”和“显示”属性已经设置好了。我将对其进行编辑，以使用“样式”属性消除混淆，使复制/粘贴更容易。@Twidizle:与其向我们显示不起作用的示例代码，不如发布实际的html+css？按@jnpcl的要求使用。

.slide{
    float:left;
    width:200px;
    height:540px;
    list-style:none;
}

ul .slide:last-child {
    clear:both;
}

ul{ white-space: nowrap; }