Адаптивность блоков и её высоты

@Azzar90 · Регистрация: 22.07.2017

Студворк — интернет-сервис помощи студентам

Всем привет! А кто мне может посоветовать как сделать так, чтобы, например, когда я экран сужаю и чтобы блоки пропорционально меняли свою высоту? Т.е. например, ведь как может быть если в блоке есть текст в виде ссылки и в каком-то блоке может быть на пару символов стать больше, то блоки будут разлетаться. Для примера я оставил жёлтый background, у которого отступы внутри специально для вида, как будто ему придали margin-right и из практики, как я понял, лучше margin-right не делать, иначе при сужение блоки будут рассыпаться. Этому блоку с жёлтым я дал фиксированную высоту в 230px, но потом, как я заметил, при сужение фикс. высота остаётся, а ширина адаптивится. Как быть в этом случае? Ссылка на страницу http://fruity-sky.ru/forUs/

@Fedor92 · 20.02.2018, 14:10

Сообщение от DoctorJ87

и потом просмотрел и встало всё в одну колонку и я это сделал в цикле с printf но потом

Надо посмотреть разметку после вывода элементов... Подозреваю, что она выглядит так после выполнения Вашего цикла:

HTML5
1
2
3
<div class='bloGL'><div class='blo'><img src='%s'/>%s</div></div>
<div class='bloGL'><div class='blo'><img src='%s'/>%s</div></div>
<div class='bloGL'><div class='blo'><img src='%s'/>%s</div></div>

От того и все элементы в одну колонку...

@Azzar90 · 20.02.2018, 14:17 **[ТС]**

Fedor92,
Конечно же то что я написал в printf Div у которого display:table-row; это не правильно так как он просто тоже в цикле выводится и всё это из за этого.Это моя ошибка которую только обнаружил.
Но всё же если в цикле его не указать Div у которого display:table-row; то куда?ведь если в цикле просто указать блоки с display:table-cell; то они встанут в одну строку.

@Fedor92 · 20.02.2018, 14:21

Сообщение от DoctorJ87

то они встанут в одну строку

Конечно встанут - это уже особенность свойства... Обёртка table-row служит только для создания строки... В идеале код для вывода одной строки, топорно бы выглядел так:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 <div id="gol">
 
<?php
$rud = mysql_connect("localhost","sky","111111");
mysql_select_db("coolsite",$rud);
$itog = mysql_query("SELECT * FROM info");
 
$myrow = mysql_fetch_array($itog);
 
do{
printf("<div class='bloGL'><div class='blo'><img src='%s'/>%s</div><div class='blo'><img src='%s'/>%s</div><div class='blo'><img src='%s'/>%s</div><div class='blo'><img src='%s'/>%s</div></div>",$myrow['miniimg'],$myrow['opisanie']);   
}
while($myrow = mysql_fetch_array($itog));
 
?>
 
</div>

Новые блоги и статьи Все статьи Все блоги /
Как у меня протекала болезнь zorxor 27.08.2026 Здравствуйте, друзья! Эта запись блога предназначена именно для вас - для моих дорогих друзей, которые знали меня лично. Чтобы ответить на вопрос - а что же со мной произошло на самом деле? Я учился. . .	Нашел вот забавное видео о измерениях. Лучшее что я видел на эту тему kumehtar 26.08.2026 ILETXiw9bMQ Основная суть и тезисы по измерениям: 0D (Нулевое измерение): точка, не имеющая длины, ширины, высоты или объема. Объект не может перемещаться в 0D. 1D (Первое измерение):. . .	[EasyBuilder Pro] Памятка по разработке для панелей Weintek ФедосеевПавел 26.08.2026 Памятка по разработке для панелей Weintek ВВЕДЕНИЕ Ранее, при реализации проектов основное внимание уделял разработке управляющей программы для контроллера, а панели оператора доставалось время. . .	Модель по догадкам anaschu 25.08.2026 Прошло две недели. Я уже рассказывал, как разговаривал с сотрудниками у сортировки и как понял, что главная ветка — не про приёмку, а про отбор. Но тогда я думал, что понял механику. На этой неделе я. . .
Запись в регистр сведений независимо от заполненности табличной части Maks 25.08.2026 Реализация из решения ниже выполнена на нетиповом документе с несколькими табличными частями, разработанного в КА2. Задача: Обеспечить запись документа в регистр сведений независимо от. . .	Ноутбук Альфария kumehtar 24.08.2026 Встретился тут в сети ноутбук Альфария, примарха Альфа-Легиона. Хотя возможно, это ноутбук Омегона, разумеется. Ну как вам?	Мастера простых решений DevAlt 23.08.2026 В сишарп стэках winforms, да и wpf существует сложная система связывания источниках данных и элементов формы(текстовые поля и метки), опирается все это на технологию событий и мета. . .	Цена ошибки DevAlt 23.08.2026 Человек я беспокойный и потому заинтересовался OCaml, в чате форсили функторы модулей как суперфичу. Пытаясь отдуплить концепт, наткнулся на тутор с простым примером. А главный принцип обучения от. . .

@Azzar90 -3 / -1 / 1 Регистрация: 22.07.2017 Сообщений: 195

	Адаптивность блоков и её высоты 20.01.2018, 09:27. Показов 7916. Ответов 22 Метки нет (Все метки) Всем привет! А кто мне может посоветовать как сделать так, чтобы, например, когда я экран сужаю и чтобы блоки пропорционально меняли свою высоту? Т.е. например, ведь как может быть если в блоке есть текст в виде ссылки и в каком-то блоке может быть на пару символов стать больше, то блоки будут разлетаться. Для примера я оставил жёлтый background, у которого отступы внутри специально для вида, как будто ему придали margin-right и из практики, как я понял, лучше margin-right не делать, иначе при сужение блоки будут рассыпаться. Этому блоку с жёлтым я дал фиксированную высоту в 230px, но потом, как я заметил, при сужение фикс. высота остаётся, а ширина адаптивится. Как быть в этом случае? Ссылка на страницу http://fruity-sky.ru/forUs/ 0

@Azzar90 -3 / -1 / 1 Регистрация: 22.07.2017 Сообщений: 195
	20.02.2018, 14:17 [ТС]
	Fedor92, Конечно же то что я написал в printf Div у которого display:table-row; это не правильно так как он просто тоже в цикле выводится и всё это из за этого.Это моя ошибка которую только обнаружил. Но всё же если в цикле его не указать Div у которого display:table-row; то куда?ведь если в цикле просто указать блоки с display:table-cell; то они встанут в одну строку. 0