How to Set a Fixed Width for a Div Element with Display Inline?

Question

I have the below div element:

                Hello my friend, How are yo         


        
                      

              相关标签:
       
      

Answer 1

Use display:inline-block;. Size properties are ignored at most elements with display:inline.

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