CSS: Лучший способ выровнять по левому краю раздел float:right
Я хочу то, что в добрые старые времена было бы сервировкой на два столбца. Это для http://paulisageek.com/resume и работает отлично с:
.dates {
float:right;
width:171px;
}
но я уверен, что буду повреждать размеры на обновлениях (и различные шрифты, и браузеры и размеры шрифта, и т.д.).
Существует ли способ сделать второй авторазмер столбца, не вызывая ширину (или с помощью JavaScript)? CSS3 будет иметь путь?
3 ответа
Дайте столбцу даты мин. ширину и макс. ширину вместо фиксированной ширины. Это дает вам гибкость, но гарантирует, что ваш дизайн не нарушится:
.dates {
float:right;
min-width:171px;
max-width:300px;
}
Обратите внимание, что минимальная ширина и максимальная ширина не включают подкладки, границы или поля.
Другая возможность - сделать так, чтобы даты выравнивались вправо и отображались в строке:
.dates p{
text-align:right;
display:inline;
}
Таким образом, вам не понадобится отдельное разделение для дат.
...Или, если вы хотите быть суперсовременным и убедиться, что ваша компоновка разбивается на IE, вы можете использовать новые колонки CSS3 (здесь не рекомендуется, но все равно стоит прочитать)
.То, что у вас здесь есть, это то, что работает необычайно хорошо и легко с таблицами. Мало того, что это невероятно обратно совместимо. В "чистых" CSS это сложно. Вы можете сделать один из столбцов переменной ширины, но не оба. Если вам это действительно нужно, придерживайтесь таблиц (независимо от того, что могут сказать семантические фанатики HTML)
.Да, это возможно. Ключевое слово для поиска - жидкие столбцы. Например, this имеет дело с целыми раскладками, но точки одинаковы.
.