сделать содержимое встроенным

Question

У меня есть тип контента с изображением и телом, и я хочу, чтобы они были встроены класс всех узлов в файле HTML - ".content", и я написал свой CSS следующим образом:

.content{
  display:inline-block;
}

но это не работает. У кого-нибудь есть опыт работы с этим? спасибо

Answer 1

Дисплей

: встроенный блок работает не во всех браузерах. Если вам нужно реальное поведение встроенного блока, смотрите здесь (это сложно):

http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/

Если вы действительно хотите, чтобы ваш .content был встроен, используйте display: inline вместо display: inline-block.

Answer 2

Для IE7 вам нужно использовать:

.content{
    display: inline-block;
    *zoom:1;
    *display: inline;
}

Это покажет встроенный блок для каждого браузера, кроме старых версий IE. В IE есть свойство css (которое вы не можете установить через css), называемое hasLayout. Haslayout - это по сути блок (вы можете стилизовать его по ширине и т. Д.), Но вы должны активировать его через «zoom: 1;».

Звездочки (*) предназначены только для IE.