|
0 / 0 / 0
Регистрация: 26.10.2015
Сообщений: 3
|
|||||||||||
Разделить div на 3 равные части20.09.2016, 20:26. Показов 21802. Ответов 6
Метки нет (Все метки)
Приветствую.
Интересоваться вёрсткой начал около 2-ух недель назад. Пока-что всё получается, за исключение одного — правильно разделить элемент на 3 равные части. Чтение в течение двух вечеров дало понять что это можно делать через ul-li, но вроде как уже не актуально (хотя встречал на крупных сайтах такой вариант), через display:table, inline, inline-block или table-cell и через float:left. Последний часто используется и вроде как правильный. Однако, хотелось бы какого-то единственно верного решения. Сейчас у меня так: http://codepen.io/anon/pen/GjjVvW
И напоследок вопрос. Почему ни один из крупных сайтов не используют flexbox?
0
|
|||||||||||
| 20.09.2016, 20:26 | |
|
Ответы с готовыми решениями:
6
Разделить GridLayout на равные части Разделить картинку на равные части Разделить список на равные части, сохранив порядок |
|
|
|||
| 20.09.2016, 20:35 | |||
|
0
|
|||
|
0 / 0 / 0
Регистрация: 26.10.2015
Сообщений: 3
|
||
| 21.09.2016, 08:57 [ТС] | ||
|
Кстати, почему на амазоне на вид два одинаковых блока (не следует понимать буквально) сделаны по разному? BENEFITS (искать через ctrl+f) через float:left с width https://www.amazon.com/BaBylis... B005OHZ478 34-Piece Security Bit Set (искать через ctrl+f) через таблицу https://www.amazon.com/TEKTON-... 668&sr=1-2
0
|
||
|
|
||
| 21.09.2016, 09:16 | ||
|
По ссылкам я не нашел про какие вы блоки говорите, вы бы лучше картинки приложили, а то эти утренние ctrl+f квесты... Если данные табличные, они верстаются через таблицу. Если не табличные - блоками.
0
|
||
|
0 / 0 / 0
Регистрация: 26.10.2015
Сообщений: 3
|
|||
| 21.09.2016, 09:42 [ТС] | |||
|
0
|
|||
|
|
|
| 21.09.2016, 10:21 | |
|
У нас с вами, наверное, разные калькуляторы. Посмотрите на вашем, чему равно 100 разделить на 3.
Добавлено через 19 минут А насчет ссылок, я не вижу причин там использовать таблицы. Или разработчикам просто так захотелось, или какие-то причины были, но знают об этом только они
0
|
|
|
11 / 11 / 2
Регистрация: 02.02.2016
Сообщений: 44
|
||||||
| 21.09.2016, 11:11 | ||||||
0
|
||||||
| 21.09.2016, 11:11 | |
|
Помогаю со студенческими работами здесь
7
Как разделить txt файл на равные части?
Разделить рабочий стол на 3 равные части и крайние заполнить квадратами Разделить выпуклый многоугольник на 4 равные части двумя взаимно перпендикулярными прямыми Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога
Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
|
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога
Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
|
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
|
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога
Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
|
|
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога
Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
|
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога
Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
|
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
|
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога
В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
|