如何设置具有显示内联的Div元素的固定宽度？

Question

我有以下div元素：

<div style="width: 40px; height: 40px; overflow: hidden; display: inline;">
                Hello my friend, How are you?</div>

宽度始终被忽略！我怎么能把它作为40px？

谢谢，

Answer 1

使用display:inline-block;。使用display:inline的大多数元素都会忽略大小属性。

<div style="width: 40px; height: 40px; overflow: hidden; display: inline-block;">
            Hello my friend, How are you?</div>