Войти
ПрограммированиеФорумВеб

grid/table с несколькими группами выравнивания (2 стр)

Страницы: 1 2
#15
16:10, 25 сен 2019

MSA2
Сервер и динамика тут вообще не имеют значения.
Весь вопрос можно свести к тому, что у нас есть элементы разных типов:

<my-parent-1>
  <my-child-1>
    1
  </my-child-1>
</my-parent-1>

<my-parent-2>
  <my-child-2>
    2
  </my-child-2>
</my-parent-2>

<my-parent-1>
  <my-child-1>
    100500
  </my-child-1>
</my-parent-1>

<my-parent-2>
  <my-child-2>
    200
  </my-child-2>
</my-parent-2>

И <my-child-1> должны выравниваться отдельно от <my-child-2>, т.е. где-то так:

|------|
|1     |
|2  |
|100500|
|200|
|------|

И через CSS браузеру это не объяснить ну вообще никак.

#16
16:33, 25 сен 2019

Я вообще не вижу проблемы. Контейнеры <div позволяют это реализовать прямо, без танцев с бубном.

Если нет сервера, динамики, если это просто статичная страница,
то я не понимаю в чём вы видите проблему.
Реализовывать вашу таблицу просто надо не тэгом < table,
а как раз контейнерами <div, для чего они и придуманы.
Вероятно вы меня не слышите, поскольку их не юзали.
Посмотрите код какого нибудь портала - там бывают куда более замысловатые вложения и выравнивание.

#17
16:37, 25 сен 2019

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

В общем не понимаю чего вы не понимаете.
P. S. Первай попавшаяся ссылка, которая наглядно показывает что такое <table и почему этот тэг вам не подходит:
http://master-css.com/page/html-tablicy-polnyj-kurs

#18
16:43, 25 сен 2019

MSA2
> Я вообще не вижу проблемы. Контейнеры <div позволяют это реализовать прямо, без
> танцев с бубном.
Мне кажется мы о разных вещах говорим.
Мне нужно вот так:

|------|
|1     |
|2  |
|100500|
|200|
|------|

А обычные divы сделают так:

|------|
|1|
|2|
|100500|
|200|
|------|
#19
16:48, 25 сен 2019

Great V.
Мне кажется мы о разных вещах говорим.
Мне нужно вот так

Однозначно.
вам требуется выровнять все ячейки одного шаблона по их содержимому?
Т. е. по самому широкому?
И абсолютные значения ширины ячеек не подходят?

#20
17:37, 25 сен 2019

MSA2
> И абсолютные значения ширины ячеек не подходят?
Ага, не подходят. Надо чтобы ширина всех ячеек одного типа была равна ширине самой большой.
Видимо это и имелось ввиду под "динамикой".

#21
18:10, 25 сен 2019

Great V.
"Динамика" в смысле изменения содержимого таблицы в клиенте (браузере).
Я понял все ваши исходные.
И в общем уже описал выше как на контейнерах достигнуть такого результата.
Вам нужны вертикальные контейнеры, которые в режиме relative (если правильно помню название атрибута в css) накладываются друг на друга.
Т.е. ширина контейнера будет определяться максимальной шириной содержимого субконтейнеров строк. Браузер сам все размеры подгонит.

Вот картинка для наглядности:

Изображение удалено
#22
19:11, 25 сен 2019

MSA2
> Вам нужны вертикальные контейнеры, которые в режиме relative (если правильно
> помню название атрибута в css) накладываются друг на друга.
Вооооот оно че...
Ясно, спасибо. Буду изучать.

#23
20:02, 25 сен 2019

Взять Bootstrap например, там это уже реализовано, https://getbootstrap.com/docs/4.1/layout/grid/

#24
1:46, 26 сен 2019

Great V.
Успехов!

Страницы: 1 2
ПрограммированиеФорумВеб

Тема в архиве.