Посты с тэгом «text-align»

  • Улучшаем text-align: justify

    Считается, что выравнивание текста на всю ширину делают только дилетанты. Причина: огромные просветы между словами. Даже если в тексте расставлены переносы, результат всё равно получается не самый лучший:

    Не люб­лю я вос­крес­ные ве­че­ра. Как бы объ­яс­нить… все, что с ни­ми свя­за­но, то есть са­му об­ста­нов­ку вос­крес­но­го ве­че­ра, я не люб­лю. С при­бли­же­ни­ем вос­крес­но­го ве­че­ра у ме­ня обя­за­тель­но на­чи­на­ет дер­гать в го­ло­ве. Ког­да силь­нее, ког­да сла­бее. Но дер­га­ет обя­за­тель­но. Внут­ри вис­ков, в сан­ти­мет­ре или двух от ко­жи, дер­га­ет с обе­их сто­рон так, как буд­то что-то тя­нет мяг­кий бе­лый сгус­ток пло­ти на­ру­жу. Ощу­ще­ние, что из се­ре­ди­ны вис­ка вы­ле­за­ет не­ви­ди­мая нить, а кто-то из­да­ле­ка, схва­тив за са­мый кон­чик, по­ти­хонь­ку дер­га­ет за нее. Мне не осо­бен­но-то и боль­но. Я бы не уди­вил­ся, если бы бы­ло боль­но, но, как ни стран­но, не боль­но. Буд­то глу­бо­ко вве­ли длин­ную иг­лу в оне­мев­шее от нар­ко­за мес­то.

    Но в случае с переносами текст можно заметно улучшить. Достаточно всего лишь уменьшить расстояние между словами с помощью CSS-свойства word-spacing, выставив минимально допустимое расстояние. Важно помнить, что в word-spacing указывается не само расстояние, а его отклонение от стандартного значения: word-spacing: 0 — стандартное расстояние, word-spacing: 10px; — стандартное расстояние + 10 пикселей.

    Немного подтянем слова друг к другу:

    p {
    	text-align: justify;
    	word-spacing: -0.3ex;
    }
    

    …и текст выглядит заметно лучше:

    Было

    Не люб­лю я вос­крес­ные ве­че­ра. Как бы объ­яс­нить… все, что с ни­ми свя­за­но, то есть са­му об­ста­нов­ку вос­крес­но­го ве­че­ра, я не люб­лю. С при­бли­же­ни­ем вос­крес­но­го ве­че­ра у ме­ня обя­за­тель­но на­чи­на­ет дер­гать в го­ло­ве. Ког­да силь­нее, ког­да сла­бее. Но дер­га­ет обя­за­тель­но. Внут­ри вис­ков, в сан­ти­мет­ре или двух от ко­жи, дер­га­ет с обе­их сто­рон так, как буд­то что-то тя­нет мяг­кий бе­лый сгус­ток пло­ти на­ру­жу. Ощу­ще­ние, что из се­ре­ди­ны вис­ка вы­ле­за­ет не­ви­ди­мая нить, а кто-то из­да­ле­ка, схва­тив за са­мый кон­чик, по­ти­хонь­ку дер­га­ет за нее. Мне не осо­бен­но-то и боль­но. Я бы не уди­вил­ся, если бы бы­ло боль­но, но, как ни стран­но, не боль­но. Буд­то глу­бо­ко вве­ли длин­ную иг­лу в оне­мев­шее от нар­ко­за мес­то.

    Стало

    Не люб­лю я вос­крес­ные ве­че­ра. Как бы объ­яс­нить… все, что с ни­ми свя­за­но, то есть са­му об­ста­нов­ку вос­крес­но­го ве­че­ра, я не люб­лю. С при­бли­же­ни­ем вос­крес­но­го ве­че­ра у ме­ня обя­за­тель­но на­чи­на­ет дер­гать в го­ло­ве. Ког­да силь­нее, ког­да сла­бее. Но дер­га­ет обя­за­тель­но. Внут­ри вис­ков, в сан­ти­мет­ре или двух от ко­жи, дер­га­ет с обе­их сто­рон так, как буд­то что-то тя­нет мяг­кий бе­лый сгус­ток пло­ти на­ру­жу. Ощу­ще­ние, что из се­ре­ди­ны вис­ка вы­ле­за­ет не­ви­ди­мая нить, а кто-то из­да­ле­ка, схва­тив за са­мый кон­чик, по­ти­хонь­ку дер­га­ет за нее. Мне не осо­бен­но-то и боль­но. Я бы не уди­вил­ся, если бы бы­ло боль­но, но, как ни стран­но, не боль­но. Буд­то глу­бо­ко вве­ли длин­ную иг­лу в оне­мев­шее от нар­ко­за мес­то.

true); $o = array('charset' => 'UTF-8'); $sape = new SAPE_client($o); echo $sape->return_links(); */ ?>