У меня есть наценка, как этотВыровнять текст внутри тегов пролетных
<div><span>My name is</span><span>ABC</span></div>
Как я могу оправдать этот текст на всей линии?
У меня есть наценка, как этотВыровнять текст внутри тегов пролетных
<div><span>My name is</span><span>ABC</span></div>
Как я могу оправдать этот текст на всей линии?
<div style="text-align: justify"><span>My name is</span><span>ABC</span></div>
Довольно просто, пролеты не нарушают выравнивание текста. Если текст длится всего одну строчку, это невозможно оправдать по всей строке. Кроме того, последняя строка абзаца не может быть оправдана по всей строке.
Можно выделить одну строку текста, но это может стать уродливым. Это возможно, используя свойство CSS3 text-justify
, которое было добавлено для азиатских и нелатинских языков.
Там же ссылка для описания свойств: http://www.w3.org/TR/css3-text/#text-justify
Это преимущественно английский веб-сайт, поэтому любые ресурсы, на которые вы ссылаетесь, также должны быть на английском языке. Я заменил вашу ссылку на одну из официальных спецификаций CSS3. –
Мое решение:
<span style="text-align: justify; display:block;">Your Text</span>
Это не сработает с несколькими тегами ''. –
замечательное решение для диапазона –
Хорошо работает для текста в пределах диапазона, а не для нескольких пролетов. – jojo
Это работает как шарм для меня. У меня 12 прогонов с длинными текстами, и это решение позволяет мне хорошо их выровнять. – Ziggler