Изображения не отображаются в строке

Question

Изображения не отображаются в строке

0

Моя проблема заключается в том, что изображения, которые я хочу отображать в строке, отображаются в виде списка. Я не знаю, что я делаю неправильно, потому что, на мой взгляд, все правильно.

HTML

<div class="loga">
<img style="display:inline;" src="photos/logoWUT_czarne.PNG" width="370" height="135">
<img style="display:inline;" src="photos/bosch_logo_gray.png" height="115" width="380" >
<img style="display:inline;" src="photos/general-electric-logo-png_gray.png" height="115" width="115" >
</div>

CSS

.loga {
    display: inline-block;
}

В моем коде должно быть что-то не так, потому что оно не работает ни в одном браузере.

fragon 21 окт. 2013, в 17:20

Источник

0

Вы должны уменьшить ширину изображений, чтобы соответствовать контейнеру.
Dhaval Marthak 21 окт. 2013, в 14:39
0

В противном случае вы можете разместить свой контент
Romain 21 окт. 2013, в 14:43

Теги:

html

css

image

drupal

inline

4 ответа

0

Свойства отображения по умолчанию - встроенный блок.

img {
   display: inline-block; 
}

Попробуй:

.loga {
    display: block;
    width: 900 px;
}

Albert Matevosov 22 окт. 2013, в 06:56

0

Если вы не даете.loga div стиль встроенного блока по другим причинам, чем вопрос, просто удалите его. Свойство отображения по умолчанию - это блок. Они уже встроены. Но они должны упасть во вторую строку из-за ширины линии. Итак, все, что вам нужно сделать, это увеличить. Йогу, придав ему ширину: 100% или ширину: 500 пикселей и т.д....

binboavetonik 21 окт. 2013, в 12:25

0

есть ли достаточная ширина для body или любых родительских тегов или окна браузера? вы можете этого захотеть,

http://i.imgur.com/fSrShkT.png

но если нет достаточной ширины, она может отображаться следующим образом

http://i.imgur.com/Fdx6jgS.png

hibiya 21 окт. 2013, в 11:56

Ещё вопросы

Вы должны уменьшить ширину изображений, чтобы соответствовать контейнеру.
В противном случае вы можете разместить свой контент

fragon · Accepted Answer · 2013-10-21T12-45-00.000Z

Оказалось, что это Drupal "функция" добавить <br> метки на каждом конце линии, даже в режиме "Full HTML". Чтобы отключить его, вы должны перейти в "Администратор"> "Конфигурация"> "Форматы ввода", выбрать "настроить" справа от "Полный HTML" и снять отметку с поля "Конвертер прерывания строки". Теперь все работает нормально.