Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
17 / 17 / 5
Регистрация: 06.03.2014
Сообщений: 2,589
1

Выровнять в одну строчку

14.03.2020, 09:52. Показов 962. Ответов 8
Метки нет (Все метки)

HTML5
1
2
3
4
<div>
      <div style='width: 20%;'></div>
      <div>Занять оставшееся по ширине</div>
</div>
Как сделать, чтобы два блока были в одну строчку. Не указывая ширину второго блока, не используя flex с grid?
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
14.03.2020, 09:52
Ответы с готовыми решениями:

Выровнять текст в одну строчку
Ни как не получается поставить текст после &lt;h2&gt; в эту же строку нужно чтобы Бесплатная доставка по...

Выровнять кнопки в одну строку
Есть таблица, надо что бы в ней кнопки были в ряд а не друг над другом &lt;table class=carttable&gt;...

Выровнять элементы в одну строку
У меня есть следующий код: &lt;!--Вконтакте --&gt; &lt;div id=&quot;vk_like&quot; &gt;&lt;/div&gt; &lt;script...

Не удается выровнять в одну строку
https://jsfiddle.net/hp62wu83/ &lt;header&gt; &lt;ul style=&quot;width: 100%; display: block;...

8
Модератор
3447 / 2237 / 690
Регистрация: 07.09.2019
Сообщений: 3,326
14.03.2020, 10:24 2
1.
CSS
1
2
div{display:table-row}
div div{display:table-cell}
2.
CSS
1
div div{display:inline-block}
...
0
Модератор
Эксперт JSЭксперт HTML/CSS
3819 / 2670 / 1520
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
14.03.2020, 11:49 3
CSS
1
2
3
4
5
6
div > :first-child{
  float:left;  
}
div > :last-child{  
  margin-left:20%;
}
0
17 / 17 / 5
Регистрация: 06.03.2014
Сообщений: 2,589
14.03.2020, 17:42  [ТС] 4
marin-left - не выход. Поскольку первому блоку присвоена максимальная и минимальная ширина.

С display:inline-block, работает, но есть но.

В случаи если содержимое, в данном случаи текст, будет больше ширины остатка. В таком случаи блок займет вторую строчку...

Добавлено через 5 часов 42 минуты
float:left - не выход, блок не принимает свойство как блока...
0
238 / 161 / 67
Регистрация: 18.06.2016
Сообщений: 509
14.03.2020, 17:54 5
CSS
1
2
div{display:table-row}
div div{display:table-cell}
а этот не подходит разве? Или несколько способов ищите
0
17 / 17 / 5
Регистрация: 06.03.2014
Сообщений: 2,589
14.03.2020, 18:36  [ТС] 6
Таблицами тоже нежелательно, тогда лучше через flex...

display:inline-block, хорошее решение, но как сделать чтобы правый блок не вылезал на другую строчку при наличии в нем текста который не подходит под ширину.
0
Модератор
Эксперт HTML/CSS
1790 / 1206 / 556
Регистрация: 13.03.2010
Сообщений: 4,273
14.03.2020, 18:57 7
Gerd199, а чем flex изначально не угодил?
0
17 / 17 / 5
Регистрация: 06.03.2014
Сообщений: 2,589
14.03.2020, 19:07  [ТС] 8
Вложенность комментов,
HTML5
1
2
3
4
5
6
7
8
9
<ul>
    <li>
         <ul>
               <li>
 
              </li>
         </ul>
    </li>
</ul>
придется обертывать комментарий в еще один блок, чтобы применить flex
0
Panda58dev
14.03.2020, 19:27     Выровнять в одну строчку
  #9

Не по теме:

Цитата Сообщение от Gerd199 Посмотреть сообщение
придется обертывать комментарий в еще один блок, чтобы применить flex
Нормальная вёрстка требует жертв)

0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
14.03.2020, 19:27

Как выровнять 2 DIVa в одну строку?
Привет! Подправте пожалуйста мой код, что бы второй DIV с текстом TEXT2 становился, сразу за DIVom...

Выровнять логотип и текст в одну строку
Здравствуйте.Пытаюсь сделать текст на против лого,но выходит какая то дичь.Скрины в низу,как должно...

Style.css в одну строчку преобразовался
style.css в одну строчку преобразовался, я его разбила на строки в блокноте. Как можно вернуть в...

Как вывести картинки превью в одну строчку
Картинки превью переносятся на следующую строку. Получается очень некрасиво....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru