выравнивание текста не работает

Question

Я пытаюсь выровнять текст внутри этого тега p, чтобы он идеально соответствовал ширине p.

<p align="justify" style="text-align: justify !important; color:#fff; margin:0px; font-weight:bold; width:487px; border:Solid 1px red;">blah blah blah</p>

, но текст просто не оправдывает!есть идеи почему?

спасибо за любую помощь.

Answer 1

Вы можете использовать решение, описанное здесь: http://blog.vjeux.com/2011/css/css-one-line-justify.html

Это выровняет одну строку, но добавляет пробел после, поэтому, если вы знаете высоту, вы можете указать ее с помощью overflow:hidden, чтобы скрыть ее и все же получить выравнивание.

.fulljustify {
    	text-align:justify;
    }
    .fulljustify:after {
        content: "";
        display: inline-block;
        width: 100%;	
    }
    #tagline {
        height: 80px;
        overflow: hidden;
        line-height: 80px; /* vert-center */
    }

<p id="tagline" class="fulljustify">Blah blah blah</p>

Answer 2

Если ваш текст не занимает более одной строки, оправдание ничего не делает.Ваш текст должен быть перенесен на следующую строку, и тогда будет выравниваться ПЕРВАЯ строка, а не вторая.

Answer 3

Если вы хотите оправдать четыре слова в 487px, вы можете попробовать использовать word-spacing в вашем css.

. Я использовал word-spacing:8em; для bla bla bla bla, но вы можете изменить его по мере необходимости.1008 *

http://jsfiddle.net/5RpQr/1/

Answer 4

Chrome не поддерживает его, но в Firefox и IE вы можете использовать text-align-last: justify;. Для кросс-браузерного решения мы должны использовать то, что написал @onemanarmy;)

Answer 5

попробуйте

для div

div {
text-align:justify;
text-justify: inter-word;
text-align-last:center;
/* for IE9 */
-ms-text-align-last:center;
}

Answer 6

В моем случае тег

работает простым способом:

p {
  text-align: justify;
  text-justify: inter-word;
}

https://css -tricks.com / альманах / свойства / т / текста оправдает /

Answer 7

Ты лучше попробуй

style="text-align:justifty;display:inline-block;"

Answer 8

Также есть что-то похожее, например display: flex; justify-content: пространство вокруг; если бы вы завернули эти тексты в span или div

Answer 9

Просто используйте style="text-align:justify".
Работает во всех браузерах.