Làm thế nào để đặt chiều rộng cố định cho một phần tử Div với nội tuyến hiển thị?

Question

Tôi có phần tử div bên dưới:

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

Chiều rộng luôn bị bỏ qua! làm thế nào tôi có thể có nó như là 40px?

Xin cảm ơn,

Answer 1

Sử dụng display:inline-block;. Thuộc tính kích thước được bỏ qua ở hầu hết các phần tử với display:inline.

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