Автор Алексей Мальцев задал вопрос в разделе Другие языки и технологии
Нужно блочные элементы сделать вроде эффекта text-align:justify; у текта. Как это лучшесделать? + и получил лучший ответ
Ответ от Альберт Саймахутдинов[мастер]
Есть несколько вариантов.
Например:
- добавить каждой ссылке обертку, которой задать ширину в 33.33%(если требуется до пикселя точность, то можно задать 33, 33 и 34 - в сумме будет ровно 100, а заметно все равно не будет разницы) , а вот уже внутри этих оберток выровнять ссылки: первую по левому краю, вторую - по центру, третью - справа, задав ссылкам display:block и некую max-width, чтобы по достижении ее ссылки переставали расти внутри оберток.
- можно использовать text-align:justify и display:inline-block у ссылок (между ссылками нужна пустая строка либо пробел, иначе выравнивание не сработает) и стиль:
#container:after{
content:'';
display:inline-block;
width:100%;
}
Это создаст новую строку, что заставит сработать выравнивание. Но в отличие от первого варианта здесь сумма ширин ссылок должна быть чуть поменьше, чем минимальная, потому что пробелы отъедают место (и это место зависит от величины текста, при этом в разных браузерах несколько различается) - для 14px шрифта, вроде, 4px пробел.