Як керувати міжрядковим інтервалом у виправданому тексті за допомогою CSS?


9

У мене є 2 блоки тексту, які є досить маленькими (трохи під абзацом кожен), і вони виглядають виправданіше, але проблема полягає в тому, що text-align: justify;іноді додаються дуже великі пробіли і роблять текст дещо потворним (очевидно, зворотний ефект).

Чи можна більш тонко настроїти інтервал між словами за допомогою CSS, щоб цього не сталося?

Відповіді:


9

CSS ТЕКСТ-ПРАВИЛЬНИЙ

Ця властивість, що належить лише IE, пропонує уточнення значення "виправдання", яке використовується в text-alignресурсі. Дійсно, для цього властивості повинно бути встановлено значення "виправдання", text-justifyщоб воно мало будь-який ефект.

text-justify пропонує чіткий рівень контролю виправдань укладеного контенту, що дозволяє застосовувати різноманітні складні моделі обгрунтування, що використовуються в різних системах написання мови.

Приклад

<p style="text-align: justify; text-justify: newspaper;">
    This is Newspaper justified content
</p>

Можливі цінності

VALUE                   DESCRIPTION
----------------------  ---------------------------------------------------------------------
auto                    The browser will determine the appropriate justification algorithm
                        to use

distribute              Justification is handled similarly to the newspaper value,
                        but this version is optimized for East Asian content
                        (especially the Thai language.)
                        In this justification method, the last line is not justified.

distribute-all-lines    Behavior and intent for this value is the same as with the
                        distribute value, but the last line is also justified.

inter-cluster           Justifies content that does not have any inter-word spacing
                        (such as with many East Asian languages.)

inter-ideograph         Used for justifying blocks of ideographic content.
                        Justification is achieved by increasing or decreasing spacing
                        between ideographic characters and words as well.

inter-word              Justification is achieved by increasing the spacing between words.
                        It is the quickest method of justification and does not justify
                        the last line of a content block.

newspaper               Spacing between letters and words are increased or decreased
                        as necessary.

У посиланні IE сказано, що "це найдосконаліша форма виправдання латинських алфавітів".

Джерело: http://www.css3.com/css-text-justify/

Сподіваюся, це допомагає!



3

На додаток до використання text-justify, яке, начебто, підтримується лише IE, розгляньте можливість додавання переносу, з явними підказками дефісів &shy;та / або автоматичної переносу на основі hyphens: autoбраузера , з використанням належних префіксів браузера або використання гіфенатора на основі JavaScript, як Hyphenator.js. Гіфенація часто значно зменшує потребу в додатковому інтервалі в обґрунтуванні.


The text-justify property is supported in all of the major browsers., джерело: w3schools.com/cssref/css3_pr_text-justify.asp та Text-Align, w3schools.com/cssref/pr_text_text-align.asp

3
@AbdiasSoftware, сторінка неправдива - ще один доказ того, що лайно w3schools є, див. W3fools.com (Сторінка w3schools містить кнопки "PlayIt", за допомогою яких можна досить швидко побачити, що їх інформація неправильна.)
Юкка К. Корпела

Вони іноді трохи застаріли, але я б не назвав їх нечестивими :-) Ось у будь-якому разі інше джерело: reference.sitepoint.com/css/text-align

@AbdiasSoftware, інше джерело про іншу властивість. Сайт reference.sitepoint.com взагалі не згадує text-justify. Але мені шкода, що я спочатку писав про це text-align-justifyзамість text-justify(виправлено зараз). Тут text-align: justify, звичайно, мається на увазі налаштування ; питання полягає в тому, чи можна контролювати тип обґрунтування.
Юкка К. Корпела

Гм, ну цікаво. Я ще кілька досліджень проведу. Дякую. Тут 4 ранку, моє судження вимкнено :-)
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.