Выравнивание по ширине

@vx5 · Регистрация: 04.09.2010

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

Имеется таблица, в одной из ячеек которой содержится ряд картинок. С выравниванием по центру интервалы получаются сильно разные, хотел сделать выравнивание по ширине, но как-то браузеры(Chrome, Opera, другие не проверял) неадекватно реагируют на это - выравнивают либо по центру либо по левому краю.

HTML5
1
<table><tr><td align='justify'><img src='img1.jpg'><img src='img2.jpg'><img src='img3.jpg'><img src='img4.jpg'></td></tr></table>

Стиль страницы вообще прописывал в CSS-файле, но когда с его помощью сделать такое выравнивание не получилось решил попробовать отредактировать на отдельной ячейке - так же фигня..)
В CSS это выглядело так:

HTML5
1
text-align: justify;

@vx5 · 20.01.2011, 02:28 **[ТС]**

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

поле - это свойство margin.

тогда я такой вариант уже пробывал. каждой картинке прописываю отступ, а к ячейке добавляю параметр выравнивания по центру - эффект тот же, тэгов меньше. результат тот же что с процентами.
Уточню результат, которого ожидаю я: при минимальном размере окна расстояние между кратинками должно быть нулевым, а при увеличении размера окна, растет и расстояние между картинками. это и есть выравнивание по ширине. теоретически такое должно быть возможно при задании отступа в %, эта единица измерения не жесткая и как раз зависит от размера окна, но вот через проценты тоже не хочет.

Добавлено через 4 минуты
и никогда бы ни догадался, что ПОЛЕ это margin. В документах поле - область в которую нужно поместить какой-то текст или подпись, а форматированном выводе на с++ поле - минимальное число символов которое должно быть выведено за раз.

@wachburn · 20.01.2011, 15:47

поле - это margin, отступ - это padding. А в html поле - это тэг для ввода текстовых данных)
ну может както так

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
<head>
    <style type="text/css"> 
        div {
            text-align:center;
            width:100%;
        }
        img {
            margin-left:1%;
        }
    </style> 
   
</head>
<body>
    <div>
        <img src="1.jpg"  />
        <img src="2.jpg"  />
        <img src="3.jpg"  />
        <img src="4.jpg"  />
    </div>
</body>
</html>

@vx5 · 20.01.2011, 18:08 **[ТС]**

спасибо, но это просто другой вариант той же истории =( отступ увеличивается пропорционально, но это не выравнивание по ширине. при максимальном размере окна вся доступная ширина не используется.
может я как-то не так использую выравнивание по ширине или браузеры его криво поддерживают? как-то странно, параметр все тот же align , но в случае

HTML5
1
<div align=justify>текст текст текст</div>

все работает, а если применять его не к тексту а к какому-либо контейнеру, хотябы вот так:

HTML5
1
<div align=justify><font>текст</font><font>текст</font><font>текст</font></div>

то работают все варианты кроме justify.

Vovan-VE · 21.01.2011, 16:45

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

то работают все варианты кроме justify

Пробелов нет, получается неделимоемногобуков, т.е. одно слово. Чего Вы ожидали?

@vx5 · 21.01.2011, 18:49 **[ТС]**

Логично, но разницы нету

HTML5
1
<div align='justify'><img width=100 height=100 /> <img width=100 height=100 /> <img width=100 height=100 /></div>

Vovan-VE · 21.01.2011, 18:52

CSS
1
... {text-align:justify;}

@vx5 · 21.01.2011, 22:37 **[ТС]**

получилось

спасибо

Добавлено через 21 минуту
а нет, я не обновил css файл, последний раз в него писал отступ, а он не мастшабируется

обновил файл и снова вместо выравнивания по ширине левый край

Добавлено через 2 минуты

CSS
1
.style1 {text-align:justify;}

HTML5
1
2
3
4
5
6
7
8
9
10
<html>
<head>
<title>=)</title>
<meta http-equiv='Content-Type' content='text/html; charset=KOI8-R' />
<link rel='stylesheet' type='text/css' media='all' href='style.css' />
</head>
<body>
<div class='style1'><img width=100 height=100 src='123'  alt='1' /> <img width=100 height=100 src='123'  alt='2' /> <img width=100 height=100 alt='3' src='123' /></div>
</body>
</html>

Новые блоги и статьи Все статьи Все блоги /
Программный домашний кинотеатр russiannick 27.09.2026 Сподобился на программный домашний кинотеатр. В качестве ЯВУ по традиции выбрал js. В помощники взял Яндекс-Алису. Было создано три зала на разные интересы. исторические и ретро сериал Хичкок. . .	Беседа с ИИ о программистах, недопускающих к созданию и правке кода генеративные ИИ и причины этого zorxor 21.09.2026 Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .	Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .	Запрет дублирования строк в табличной части Maks 13.09.2026 Реализация из решения ниже выполнена на нетиповом справочнике "Нормы ТО" с табличной часть "Виды ТО", разработанного в КА2, со следующими реквизитами: - ВидТО (СправочникСсылка. ВидыТО); - ВидГСМ. . .
Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Jin X 06.09.2026 Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Работая с форумом и нейросетями в браузере часто хочется что-то подкорректировать или добавить какого-то функционала. Ниже прикреплён. . .	Программа опроса у.з. расходомера SLS-720F Argus19 02.09.2026 Программа опроса у. з. расходомера SLS-720F Программа опрашивает один раз в минуту три ультразвуковых расходомера SLS-720F через интерфейс RS-485 по протоколу Modbus RTU. Опрашиваются регистры. . .	Hyper-V: Компьютер должен поддерживать доверенный платформенный модуль 2.0. Maks 31.08.2026 При установке Windows 11 на виртуальную машину Hyper-V 2-го поколения вылезла такая ошибка: Решение: в параметрах виртуальной машины, в разделе "Безопасность" (Security) активировать флаг. . .	Архитектура биовида Стива в Майнкрафте: Зачем бонобо кубический каннибализм anaschu 30.08.2026 Кубический Вагинокапитализм в Minecraft: Математический инвариант ОДУ и рок Стивов-бонобо Главная задача разработанной «Модели Всего» — наглядно продемонстрировать наличие системной «судьбы». . .