ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS Flexbox какая-то херня.
13 сообщений из 38, страница 2 из 2
  2  все
CSS Flexbox какая-то херня.
    #39434257
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
не, с closest-ом я ошибся, в хромах и файерфоксах с самых недавних пор он уже есть.
...
Рейтинг: 0 / 0
06.04.2017, 15:29
| Ответить | Цитировать | Написать  
CSS Flexbox какая-то херня.
    #39435113
private
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
private
Участник
Как писалось уже выше - jquery это абстракция над ДОМ. Которая короче, проще и понятней чем нативные методы ДОМа.

Если эта небольшая библиотека мешает кому-то изучать жаваскрипт - что сказать... туда им и дорога.
...
Рейтинг: 0 / 0
08.04.2017, 05:55
| Ответить | Цитировать | Написать  
CSS Flexbox какая-то херня.
    #39435114
private
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
private
Участник
Вобщем посмотрел еще flexbox. На мой взгляд с ним такая-же ситуация как с жквери. Это низкоуровневый АПИ для фронт-енд фреймворков типа бутстрапа. И использовать его нужно так-же как и дом - через высокоуровневую обертку (типа бутстрапа).

Когда ты делаешь 97% верстки из высокоуровневых кирпичей, и в 3% специальных случаев можешь использоваь флексбокх.
...
Рейтинг: 0 / 0
08.04.2017, 05:59
| Ответить | Цитировать | Написать  
CSS Flexbox какая-то херня.
    #39435115
private
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
private
Участник
Вобщем революции и радиакльного упрощения верстки не случилось, флексбокс не заменит и не упростит старые методы лайаута. А просто поможет в редких специальных случаях.
...
Рейтинг: 0 / 0
08.04.2017, 06:00
| Ответить | Цитировать | Написать  
CSS Flexbox какая-то херня.
    #39435121
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
private,

у флекса я нашел только один недостаток. Это отсутствие горизонтального выравнивания отдельных элементов.
align-self работает для отдельных элементов, но только в вертикальном направлении. А если я хочу 2 блока прижать влево, а другие 3 - вправо? Всё, облом. Приходится выворачиваться через доп.блок и margin-left:auto;
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<style>
.main {
  display:flex;
  width:700px; background:#eea;
}
.leftA {border:1px solid #F58220;}
.rightA {
  display:flex;
  margin-left:auto;
}
.rightA div {border:1px solid #007200;}
</style>
</head>
<body>
<div class="main">
  <div class="leftA">Див слева 1</div> - <div class="leftA">Див слева 2</div>
  <div class="rightA">
    <div>Див справа 1</div> - <div>Див справа 2</div> - <div>Див справа 3</div>
  </div>
</div>


Стандартом умышленно не предусмотрено горизонтального выравнивания отдельных элементов? Не знаю...
...
Рейтинг: 0 / 0
08.04.2017, 07:24
| Ответить | Цитировать | Написать  
CSS Flexbox какая-то херня.
    #39435122
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
privateВобщем революции и радиакльного упрощения верстки не случилось, флексбокс не заменит и не упростит старые методы лайаута. А просто поможет в редких специальных случаях.
уровень такого вывода — не читал, но осуждаю. с таким подходом прогресса не достичь.
...
Рейтинг: 0 / 0
08.04.2017, 07:26
| Ответить | Цитировать | Написать  
CSS Flexbox какая-то херня.
    #39435194
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
user89,
зато есть другое https://jsfiddle.net/dahwr8z0/
...
Рейтинг: 0 / 0
08.04.2017, 14:11
| Ответить | Цитировать | Написать  
CSS Flexbox какая-то херня.
    #39435200
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
или так
https://jsfiddle.net/dahwr8z0/1/
...
Рейтинг: 0 / 0
08.04.2017, 14:30
| Ответить | Цитировать | Написать  
CSS Flexbox какая-то херня.
    #39435209
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
вадя,

понравился вариант с flex-grow . Спасибо!
...
Рейтинг: 0 / 0
08.04.2017, 14:51
| Ответить | Цитировать | Написать  
CSS Flexbox какая-то херня.
    #39435210
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
После экспериментов нашел простое решение. Надо самому первому правому блоку поставить margin-left:auto; и всё!
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
<!DOCTYPE html>
<html>
<head>
<title>Flex - выравнивание слева справа</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
.main {
  display:flex;
  background:#eea;
}
.main div {border:1px solid #007200;}
.firstRight {margin-left:auto;}
</style>
</head>
<body>
<div class="main">
  <div>Див слева 1</div> <div>Див слева 2</div>
  <div class="firstRight">Див справа 1</div> <div>Див справа 2</div> <div>Див справа 3</div>	
</div>
</body>
</html>
...
Рейтинг: 0 / 0
08.04.2017, 15:16
| Ответить | Цитировать | Написать  
CSS Flexbox какая-то херня.
    #39435213
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
user89,

да , самое простое решение.
...
Рейтинг: 0 / 0
08.04.2017, 15:46
| Ответить | Цитировать | Написать  
Период между сообщениями больше года.
CSS Flexbox какая-то херня.
    #39674529
Агнец за бортом
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Агнец за бортом
Участник
user89А если я хочу 2 блока прижать влево, а другие 3 - вправо? Всё, облом.
Какой облом?


user89и margin-left:auto;
Нафига?
...
Рейтинг: 0 / 0
16.07.2018, 14:52
| Ответить | Цитировать | Написать  
CSS Flexbox какая-то херня.
    #39674597
Агнец за бортом
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Агнец за бортом
Участник
По теме - flex - нормальная тема, надо только инвестировать немного времени и усилий в неё.

И всё получится.
...
Рейтинг: 0 / 0
16.07.2018, 16:48
| Ответить | Цитировать | Написать  
13 сообщений из 38, страница 2 из 2
  2  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS Flexbox какая-то херня.
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39435194&tid=1444102]:
 0ms
get settings:
 11ms
get forum list:
 15ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 164ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 52ms
get tp. blocked users:
 1ms
others: 239ms
total:  503ms
созд. / загр.: 503ms
x
x
Закрыть


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