Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите в html расположить div в ряд? / 4 сообщений из 4, страница 1 из 1
27.02.2020, 16:47
    #39931845
Devillio
Devillio
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите в html расположить div в ряд?
Добрый день!

Есть таблица. В некоторых ячейках данные надо выводить в 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
| Ответить | Цитировать | Написать  
28.02.2020, 07:31
    #39932047
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите в html расположить div в ряд?
Devillio
Как можно сделать так, чтобы симафоры были фиксированной ширины а div слева изменял свою высоту.

Все, что ты описываешь, сильно смахивает на табличку из одной строки и нескольких колонок...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.02.2020, 13:39
    #39932144
Алексей Роза
Алексей Роза
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите в html расположить div в ряд?
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
| Ответить | Цитировать | Написать  
29.02.2020, 11:20
    #39932484
voraa
voraa
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите в html расположить div в ряд?
Devillio,
Либо для внешнего div используй display:flex;
Либо для внутренних div display:inline-bloc;
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите в html расположить div в ряд? / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 160ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1443524]:
 0ms
get settings:
 10ms
get forum list:
 13ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 59ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 42ms
get tp. blocked users:
 1ms
others: 15ms
total:  160ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]