Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: flex - переносится текст

PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

flex - переносится текст

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Описание: label + тянущийся инпут

Поиск в теме | Версия для печати

etoYA	Отправлено: 15 Августа, 2015 - 17:01:15
Участник Покинул форум Сообщений всего: 1859 Дата рег-ции: Июль 2011 Откуда: Крым Помог: 21 раз(а)	Задача: CODE (html): скопировать код в буфер обмена <div class="container"> <!-- выравнивается по содержимому (тексту) --> <label>Some text</label> <!-- занимает всю оставшуюся ширину контейнера --> <input type="text"> </div> Желательно, не трогать внутренние блоки и не добавлять лишние теги. http://jsfiddle[dot]net/r95orr04/ - все бы хорошо, но label переносится я прочитал пару статей по flex, но так и не понял, реально ли это сделать (используя flexbox) Я знаю, что это можно сделать имитируя таблицу, но я не знаю, как сделать label размеров содержимого jsfiddle.net/g52wouzm/ (Добавление) P.S заголовок тему УГ, извиняюсь;)

armancho7777777	Отправлено: 15 Августа, 2015 - 19:29:10
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	http://jsfiddle[dot]net/g52wouzm/2/

etoYA	Отправлено: 15 Августа, 2015 - 19:49:03
Участник Покинул форум Сообщений всего: 1859 Дата рег-ции: Июль 2011 Откуда: Крым Помог: 21 раз(а)	armancho7777777, огромное спасибо!

armancho7777777	Отправлено: 15 Августа, 2015 - 19:50:46
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	Да не за что. Вот с использованием flexbox: http://jsfiddle[dot]net/262wLda5/

etoYA	Отправлено: 15 Августа, 2015 - 22:02:52
Участник Покинул форум Сообщений всего: 1859 Дата рег-ции: Июль 2011 Откуда: Крым Помог: 21 раз(а)	armancho7777777, спасиб=)

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.