htmlhtml
-
Posts
9 -
Joined
-
Last visited
htmlhtml's Achievements
Explorer (1/14)
0
Reputation
-
Выравнивание inline-block по ширине в Chrome и Opera
htmlhtml replied to htmlhtml's question in HTML Coding
Работает, если inline элементы превращать в inline-block. Но иногда нужно изменить display у блочных элементов. Глюк так же наблюдается если в inline-block превращать list-item. Хочу заметить, что форма должна содержать определенное количество элементов input или select. Например, если в форме только одно или два поля ввода, то никаких проблем не возникает. -
Выравнивание inline-block по ширине в Chrome и Opera
htmlhtml replied to htmlhtml's question in HTML Coding
http://savepic.ru/4880508.jpg -
Выравнивание inline-block по ширине в Chrome и Opera
htmlhtml replied to htmlhtml's question in HTML Coding
Пользовательский css не подключал. Custom.css пуст. В Инструментах Разработчика user agent stylesheet - все по дефолту. Пробовал !important Убрал правило .parent:after {...} которое, возможно, вызывает подозрения. Оно нужно было, чтобы выровнять последнюю строку по ширине, так как text-align: justify этого не делает. Код очень прост: .parent { width: 500px; text-align: justify; }.child { display: inline-block; margin-bottom: 10px; width: 220px; background: orange; }Результат: http://savepic.ru/4912251.jpg -
Выравнивание inline-block по ширине в Chrome и Opera
htmlhtml replied to htmlhtml's question in HTML Coding
Наконец-то заработало, спасибо. -
Выравнивание inline-block по ширине в Chrome и Opera
htmlhtml replied to htmlhtml's question in HTML Coding
По-прежнему все работает? -
Выравнивание inline-block по ширине в Chrome и Opera
htmlhtml replied to htmlhtml's question in HTML Coding
http://rghost.ru/50504070 -
Выравнивание inline-block по ширине в Chrome и Opera
htmlhtml replied to htmlhtml's question in HTML Coding
http://savepic.ru/4907030.jpg очищал кэш браузера, смотрел страницу на другом компе. Отправлял файлы другим людям - та же проблема. Сохранял файлы в Sublime Text 2 с кодировкой UTF-8. http://savepic.ru/4896808.jpg -
Выравнивание inline-block по ширине в Chrome и Opera
htmlhtml replied to htmlhtml's question in HTML Coding
Стили должны находится во внешнем файле. На странице по ссылке они находятся в <style> внутри <iframe> -
В Chrome и Opera не работает text-align: justify, если на странице есть форма и стили при этом находятся во внешнем файле (jsfiddle не подходит). Нормально выравниваются те элементы, стиль которых определен прямо в HTML-коде с помощью атрибуте style. Если удалить селекты или форму целиком - все работает нормально. <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"></head><body> <form action="action"> <fieldset> <input type="text" name="id00" id="id01"> <select name="id02" id="id03"> <option value="1">1</option> </select> <select name="id04" id="id05"> <option value="1">1</option> </select> </fieldset> </form> <div class="parent"> <div class="child">1</div> <div class="child">2</div> <div class="child" style="display: inline-block">3</div> <div class="child" style="display: inline-block">4</div> </div></body></html>.parent { width: 500px; text-align: justify; }.parent:after { display: inline-block; visibility: hidden; overflow: hidden; width: 100%; height: 0px; content: ""; } .child { display: inline-block; margin-bottom: 10px; width: 220px; background: orange; }