如何设置具有显示内联的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>