Сообщение от ksa
|
Таки покажи свой вариант... С "псевдо элементами". Кстати что это такое?
|
Ну ты лишний спан добавляешь по тому что text-align:justify; чтоб нормлаьно работал, последний элемент должен переноситься на другую строку поэтому ты и ставишь <span style="display:inline-block;width:100%"> </span>
в css 3, как ты уже говорил, для этого ввели специальное свойство text-align-last: justify;"
но поддержка пока плачевна для ie 8 например...
Вместо этого спана можно сделать так например...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>1</title>
<style type="text/css">
.div{
text-align:justify;
font-size:0;
}
.div>*{
font-size:12px;
}
.div:after{
content:"";
display:inline-block;
width:100%;
}
</style>
</head>
<body>
<div class="div">
<a href=#>левая</a>
<a href=#>ссылка</a>
<a href=#>ссылка</a>
<a href=#>ссылка</a>
<a href=#>правая</a>
</div>
</body>
</html>
ну псевдо элемент это элемент созданый сss его нет в исходном html.
http://specs.operafan.net/css2.1RU/CSS21/generate.html