Почему мой текст имеет оправдывающий эффект, когда я этого не сделал (css / php) - PullRequest
Новая
       37

Почему мой текст имеет оправдывающий эффект, когда я этого не сделал (css / php)

0 голосов
/ 07 апреля 2010

Почему мой текст имеет оправдывающий эффект? На всем моем сайте я делаю эхо и не указываю "text-align: justify;" но мой текст все еще оправдывает. Justify - это когда вы уменьшаете размер окна браузера, текст перемещается, чтобы он помещался в окне. Я попытался сделать что-то вроде этого: <?php echo "<h1>some stuff.</h1>"; ?> <html> <head> <style> h1 { text-align:center; } и т.д ....

но текст просто перемещается по центру и сохраняет эффект выравнивания.

пожалуйста, помогите мне = [ спасибо

Ответы [ 2 ]

2 голосов
/ 07 апреля 2010

Justify - это когда вы уменьшаете размер окна браузера, текст перемещается, чтобы он помещался в окне.

Это не то, что оправдывает.Justify позволяет сделать так, чтобы все строки текста имели одинаковую ширину, например:

альтернативный текст http://www.pws -ltd.com / images / article / justified-text.gif

Если вы не хотите, чтобы текст оставался внутри окна при его сжатии (например, если вам нужна горизонтальная полоса прокрутки), вам нужно установить min-width для <div>, содержащего текст.

Редактировать: хотя, возможно, я неправильно понял, что вы на самом деле пытались сделать, и вы просто хотите, чтобы это было в центре.Если это так, используйте margin: 0 auto;, а не text-align: center;

0 голосов
/ 07 апреля 2010

Обоснование - это когда интервал между словами отрегулирован таким образом, что текст полностью выровнен как слева , так и справа от блока текста.

То, что вы описываете, похоже на звуки, даже если вы хотите, чтобы текст был центрирован, он достаточно длинный, чтобы заполнить страницу, и, следовательно, на самом деле не выглядит центрированным. Попробуйте добавить что-то вроде этого. Фиксированная ширина удерживает текст от заполнения окна, а margin: 0 auto центрирует сам тег h1: 

<style type="text/css">
    h1 { text-align: center; width: 300px; margin: 0 auto }
</style>
...