Помогите в html расположить div в ряд? / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

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

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите в html расположить div в ряд?

4 сообщений из 4, страница 1 из 1

Помогите в html расположить div в ряд?

#39931845

Devillio

Гость

Добрый день!

Есть таблица. В некоторых ячейках данные надо выводить в 2 колонки: слева текст, справа img 16x16 по вертикали (это симафоры, они то есть, то нет).
В принципе, получилось вот так:

Код: java

1.
2.
3.

	val = "<div style='white-space: nowrap' width='*'><div width='*' style='display: inline; white-space: wrap'>"+
	val+
	"</div><div width=18px style='display: inline-block'>%imgs%</div><div>";

Там где val - там текст (неск строк).
Там где %imgs% оно потом меняется на <img><br><img>
Но в этом случае, при изменении ширины высота не меняется, и данные и симафоры "уезжают" за правую ячейку.
Если убрать style у div, то симафоры переносятся на след. строку.
Как можно сделать так, чтобы симафоры были фиксированной ширины а div слева изменял свою высоту.

Спасибо!

...

Рейтинг:

0 / 0

27.02.2020, 16:47

| Ответить | Цитировать | Написать

Помогите в html расположить div в ряд?

#39932047

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

Devillio

Как можно сделать так, чтобы симафоры были фиксированной ширины а div слева изменял свою высоту.

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

...

Рейтинг:

0 / 0

28.02.2020, 07:31

| Ответить | Цитировать | Написать

Помогите в html расположить div в ряд?

#39932144

Алексей Роза

Гость

wrap - нет такого
для списков <ul> есть

переформатировал по-человечески:

Код: html

1.
2.
3.
4.

val = "<div style='white-space: nowrap' width='*'>
<div width='*' style='display: inline; white-space: wrap'>"+val+"</div>
<div width=18px style='display: inline-block'>%imgs%</div>
<div>";

что в конце делает <div> ?

...

Рейтинг:

0 / 0

28.02.2020, 13:39

| Ответить | Цитировать | Написать

Помогите в html расположить div в ряд?

#39932484

voraa

Гость

Devillio,
Либо для внешнего div используй display:flex;
Либо для внутренних div display:inline-bloc;

...

Рейтинг:

0 / 0

29.02.2020, 11:20

| Ответить | Цитировать | Написать

4 сообщений из 4, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите в html расположить div в ряд?

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?desktop=1&fid=22&tid=1443524]:	0ms
get settings:	7ms
get forum list:	12ms
check forum access:	3ms
check topic access:	3ms
track hit:	36ms
get topic data:	11ms
get forum data:	2ms
get page messages:	39ms
get tp. blocked users:	1ms
others:	244ms

total:	358ms