为什么max-width不起作用？

Question

请参阅：http://jsfiddle.net/xA8rm/

<div style="max-width:10px; oveflow:hidden;">
      adwadddddddddddddddddddddddddddddd
</div>

我希望div的宽度为10像素，而不适合隐藏的字符。

为什么不是这样？

Answer 1

<div style="max-width:10px; overflow-x:hidden;">
    adwadddddddddddddddddddddddddddddd
</div>

首先，你拼错了overflow。

其次，max-width不适用于hbox元素（因为它们是display:inline，您无法设置内联元素的宽度和高度），所以我将其更改为一个div。 （如果您愿意，也可以使用hbox并将其设置为display:block。）

<强> Fiddle

Answer 2

将oveflow: hidden更改为overflow: hidden（您错过了R）：

http://jsfiddle.net/NYxyc/

Answer 3

您错过了r：

oveflow:hidden

应该是：

overflow:hidden