Как установить фиксированную ширину для элемента Div с отображением Inline?

Question

10

У меня есть следующий элемент div:

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

Ширина всегда игнорируется! как я могу получить его как 40px?

Спасибо,

The Light 24 нояб. 2011, в 22:25

Теги:

1 ответ

Rob W · Answer 1 · 2011-11-24T22-33-00.000Z

Используйте display:inline-block;. Свойства размера игнорируются в большинстве элементов с помощью display:inline.

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

Есть ли причина для понижения? Ответ правильный, как видно на jsfiddle.net/bd8YE
Насколько я помню, «inline-block» может не распознаваться всеми браузерами, но ответ правильный; Вы не можете установить ширину с помощью «display: inline», вы должны изменить его на что-то другое.
@janzi Display-block поддерживается всеми приличными браузерами: quirksmode.org/css/display.html