Свойство vertical-align
пример использования:
Образец текста Элемент с выравниванием baseline
Образец текста Элемент с выравниванием middle
Образец текста Элемент с выравниванием sub
Образец текста Элемент с выравниванием super
Образец текста Элемент с выравниванием text-top
Образец текста Элемент с выравниванием text-bottom
Образец текста Элемент с выравниванием bottom
Образец текста Элемент с выравниванием top
<style type="text/css">
p.preview { font-size: 200%; }
p.preview span { font-size: 11px; }
span.baseline { vertical-align: baseline; }
span.middle { vertical-align: middle; }
span.sub { vertical-align: sub; }
span.super { vertical-align: super; }
span.text-top { vertical-align: text-top; }
span.text-bottom { vertical-align: text-bottom; }
span.bottom { vertical-align: bottom; }
span.top { vertical-align: top; }
</style>
<p class="preview">
Образец текста <span class="baseline"> Элемент с выравниванием baseline</span><br />
Образец текста <span class="middle"> Элемент с выравниванием middle</span><br />
Образец текста <span class="sub"> Элемент с выравниванием sub</span><br />
Образец текста <span class="super"> Элемент с выравниванием super</span><br />
Образец текста <span class="text-top"> Элемент с выравниванием text-top</span><br />
Образец текста <span class="text-bottom"> Элемент с выравниванием text-bottom</span><br />
Образец текста <span class="bottom"> Элемент с выравниванием bottom</span><br />
Образец текста <span class="top"> Элемент с выравниванием top</span>
</p>
параметры:
- baseline - выравнивание базовой строки элемента по базовой строке родительского элемента
- middle - выравнивание по середине каждого элемента
- sub - размещение элемента в позиции верхнего индекса
- super - размещение элемента в позиции нижнего индекса
- text-top - верхняя часть элемента выравнивается по верхней части родительского элемента
- text-bottom - нижняя часть элемента выравнивается по нижней части родительского элемента
- bottom - выравнивает элемент относительно самой низкой части строки текста
- top - выравнивает элемент относительно самой высокой части строки текста
просмотров: 1574
