Home > Developer > Web Develop

CSS styles for aligning text at both ends of a paragraph

Source: Internet
Author: User
Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

Sometimes the text in the site is more, although the parent element set the width, but always there will be uneven on both sides of the situation, looks untidy. In fact, to achieve the end of the paragraph alignment, only need to set two CSS

Style.

. Demo {       text-align: justify;        text-justify: inter-ideograph;/*ie*/}
text-justify Basic Syntaxsyntax: Text-justify:auto |inter-word | newspaper | distribute | distribute-all-lines | Inter-ideograph
Parameters:
Auto: Allows the browser user agent to determine the justification used;
Inter-word: By increasing the spacing between words, this behavior is the quickest way to align all lines of text, and its justification behavior is not valid for the last line of the paragraph;
newspaper: The most precise format used to justify the Latin alphabet by increasing or decreasing the spacing between words or letters;
Distribute: Handling spaces is much like newspaper, applicable to East Asian documents, especially Thailand;
Distribute-all-lines: Both ends of the hyphenation are the same way as distribute, also does not contain two paragraphs aligned to the last line of the paragraph, applicable to ideographic documents;
Inter-ideograph: Provides full justification for ideographic text. He increases or decreases the space between ideographic words and words. The code is as follows: 
<!DOCTYPE HTML><HTMLLang= "en"><Head>    <MetaCharSet= "UTF-8">    <title>CSS to implement paragraph text justification</title>    <style>        *{margin:0;padding:0;}. Demo{width:300px;Height:200px;margin:20px Auto;font-size:14px;Color:#0a78fa;text-align:Justify;text-justify:Inter-ideograph;/*IE*/Border:1px solid #fa5275;        }    </style></Head><Body><Pclass= "Demo">Sichuan Opera popular in Sichuan and Yunnan province, Guizhou and other provinces, is a blend of Gaoqiang, Kunqu, Qin (ie, peel), play (that is, clapper) and Sichuan folk lights play five tune art into the drama. Sichuan Opera is one of the Chinese Han Opera operas, which is popular in the Middle East of Sichuan, Chongqing and some parts of Guizhou and Yunnan. Sichuan Opera Facial makeup is an important part of Sichuan Opera Performing Arts, and it is an art treasure created and passed down by Sichuan Opera artists of all ages. Sichuan Opera by Kunqu, Gaoqiang, Qin, play, light five kinds of tune composition. </P></Body></HTML>

The effect is as follows:

Reference Link: http://blog.sina.com.cn/s/blog_7db0c22a01011emo.html

CSS styles for aligning text at both ends of a paragraph

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

Related Keywords:
indesign paragraph styles paragraph text html html text paragraph example of html paragraph es b mean at end of text different types of art styles free styles for photoshop cs6

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

What's Trending
Top 10 Tags
datastax versions naming convention zookeeper client class definition md5 microsoft sql server 2005 data structures exception handling error handling
Top 10 Keywords
microsoft download center down wordpress address url site address url wordpress address url windows installer 4 0 download 302 not found web address url definition site address url wordpress db2 integer mac os installation step by step pdf abbreviation for return

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More