Yaslanmış metinde kelime aralığını CSS ile nasıl kontrol edebilirim?


9

Oldukça küçük (her biri bir paragrafın altında) metin 2 blok var ve onlar gerçekten daha iyi haklı görünüyor ama sorun text-align: justify;bazen gerçekten büyük boşluklar ekler ve metni biraz çirkin yapar (ters etkisi, tabii ki).

Bunun gerçekleşmemesi için kelime aralığını CSS ile daha hassas bir şekilde ayarlamak mümkün müdür?

Yanıtlar:


9

CSS METİN-ADALET

Bu yalnızca IE özelliği, text-alignmülkte kullanılan "yaslama" değeri üzerinde bir ayrıntılandırma sunar . Gerçekten de, bu özelliğin text-justifyherhangi bir etkisi olması için “haklı” değerinin ayarlanması gerekir .

text-justify farklı dil yazma sistemlerinde kullanılan çeşitli karmaşık gerekçelendirme modellerine izin vererek, ekteki içerik üzerinde ince bir gerekçe kontrolü sunar.

Misal

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

Olası değerler

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 referansı “Latin alfabeleri için en karmaşık gerekçelendirme şeklidir” diyor.

Kaynak: http://www.css3.com/css-text-justify/

Bu yardımcı olur umarım!


Bu, şimdi diğer tarayıcılar tarafından destekleniyor gibi görünüyor .
mndrix

3

text-justifyŞu anda yalnızca IE tarafından desteklendiği anlaşılan kullanıma ek olarak , açık tireleme ipuçları &shy;ve / veya tarayıcı tabanlı otomatik tireleme ile, hyphens: autouygun tarayıcı önekleriyle veya Hyphenator.js gibi JavaScript tabanlı tireleme kullanarak tireleme eklemeyi düşünün . Tireleme, gerekçe olarak ek boşluk bırakma ihtiyacını büyük ölçüde azaltır.


The text-justify property is supported in all of the major browsers.Kaynak: w3schools.com/cssref/css3_pr_text-justify.asp ve Metin-Hizala, w3schools.com/cssref/pr_text_text-align.asp

3
@AbdiasSoftware, sayfa sahte - yine de w3schools'un bok olduğunu gösteren başka bir kanıt, bkz. W3fools.com ( w3schools sayfası, bilgilerinin yanlış olduğunu görmek için kullanabileceğiniz “PlayIt” düğmelerini içerir.)
Jukka K. Korpela

Bazen biraz modası geçmiş, ama onlara sahte

@AbdiasSoftware, diğer kaynak başka bir özellik hakkında. Reference.sitepoint.com sitesinden hiç bahsedilmiyor text-justify. Ama başlangıçta yazdım yaklaşık üzgünüm text-align-justifyyerine text-justify(şimdi sabit). Ayar text-align: justifyelbette burada ima edilmektedir; mesele, gerekçe türünün kontrol edilip edilemeyeceğidir.
Jukka K. Korpela

Hm, çok ilginç. Biraz daha araştırma yapacağım. Teşekkürler. 04:00 burada, kararım kapalı :-)
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.