htmlhtml
-
Posts
9 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by htmlhtml
-
-
вы сами могли не подключать css проверьте элемент
-
в браузере у вас подключен пользовательский css
Пользовательский 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
-
интересное кино получается. неведомая фигня ))) не знаю природу этого бага, но нашел способ как пофиксить. хром упорно просит что бы после подключения цсс подключали js, даже если у нас его нету. не знаю с чем это связано, но так оно и есть... впервые с таким сталкиваюсь. как бы там ни было если у вас нету джаваскриптов то просто вставте после подключения цсс такой код <script> </script> обязательно с пробелом! при чем можно вставлять где угодно, хоть перед закрывающимся body. если у кого есть объяснение сему поведению, буду рад услышать))
Наконец-то заработало, спасибо.
-
скиньте пожалуйста свой код архивчиком. поглядим что там не так
По-прежнему все работает?
-
-
http://prntscr.com/277j3d пожалуйста, подключил отдельно. видимо вы что то не так прописали. проверте код
http://savepic.ru/4907030.jpg очищал кэш браузера, смотрел страницу на другом компе. Отправлял файлы другим людям - та же проблема. Сохранял файлы в Sublime Text 2 с кодировкой UTF-8.
-
не знаю как у вас, а у меня в хроме все работает http://codepen.io/anon/pen/EsAxK
Стили должны находится во внешнем файле. На странице по ссылке они находятся в <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; }
Выравнивание inline-block по ширине в Chrome и Opera
in HTML Coding
Posted · Edited by htmlhtml
Работает, если inline элементы превращать в inline-block. Но иногда нужно изменить display у блочных элементов. Глюк так же наблюдается если в inline-block превращать list-item.
Хочу заметить, что форма должна содержать определенное количество элементов input или select. Например, если в форме только одно или два поля ввода, то никаких проблем не возникает.