Align left and right (both ends) in CSS

Source: Internet
Author: User

<P> align the two ends </P>
English alignment: <br>
<Div style ="Font-size: 12px; width: 300; text-align: justify; text-justify:Newspaper">" Crepower "brand belts, chains and other transmission parts are manufactured
Under ISO9001 certified quality-control system. with improved quality material and well-organized production procedures, "crepower" Power Transmission products have noticeably fatigue strength and long-service life. we can supply all types and sizes according
To the related standards and MERs 'requirements and </div>
<Br>
Chinese alignment: <br>
<Div style ="Font-size: 12px, width: 300, text-align: justify, text-justify: Inter-ideograph">
Last Friday, I suddenly decided to go to Poyang Lake to see birds. I had no tickets at night, so I had to buy a Saturday evening. I didn't even have a telescope, but I had to use a professional camera and a super-focal-length camera, then we set off in a hurry. At nine o'clock A.M. this morning, I walked out of Nanchang Railway Station, took a bus to Yongxiu County, and squeezed into a loaf of bread. Finally, at noon, I arrived at Wucheng, the town on Binyang Lake. In addition to tourists from two nearby cities, Nanchang and Jiujiang, I am afraid there will be no tourists from far away, let alone backpackers. At night, there will be only one foreigner. The three foreign language school teachers from Jiujiang met on the bread and walked all the way back in a rush in the town. </Div>

 

 

========================================================== ========================================================== ==============================

English alignment: <br>
<Div style ="Font-size: 12px; width: 300; text-align: justify; text-justify:Inter-ideograph">" Crepower "brand belts, chains and other transmission parts are manufactured
Under ISO9001 certified quality-control system. with improved quality material and well-organized production procedures, "crepower" Power Transmission products have noticeably fatigue strength and long-service life. we can supply all types and sizes according
To the related standards and MERs 'requirements and </div>
<Br>
Chinese alignment: <br>
<Div style ="Font-size: 12px, width: 300, text-align: justify, text-justify: Inter-ideograph">
Public welfare flash collection of "anti-SARS epidemic and civilized New Style" in the advertising department of CCTV

SARS is not only a disease, it also highlights many bad habits of Chinese people, such as spitting and littering. In order to promote a fresh civilization, the advertising department of CCTV launched the "anti-SARS epidemic and advocating a fresh civilization" Public Welfare flash competition on the Internet. The content focuses on advocating hygiene, protecting the environment, strengthening health and fitness, promoting new ethos such as meal separation, caring for others, and caring for society, and criticizing people's bad habits in health and other aspects (you can also customize the themes ). The expression should be lively, avoid simple preaching, and be positive, so that the family can be accepted, and the animation duration should be limited to one minute. When creating a video, you must take into account the requirements for broadcasting on TV, including caliber and technical indicators. Some of the winning works of the competition will be broadcast during the CCTV public interest advertisement period.

The awards for this activity are as follows:

1 first prize, 6000 yuan in cash;

Two second prize winners, each with a cash reward of RMB 4000;

The solicitation deadline is June 10. the requester should send the contact information to ad@mail.cctv.com. welcome to participate.

(At the same time, the production of TV public welfare advertisements on related topics is underway. You are welcome to provide clues and suggestions .)
</Div>
 

 

**************************************** **************************************** *******************************

Syntax:
Text-justify: auto | distribute-all-lines | distribute-center-last | inter-cluster | inter-ideograph | inter-word | kashida | newspaper

Valid value:
Auto: default value. Allow the browser agent to determine the two-end alignment rules used
Distribute: Processing spaces is similar to newspaper. It is applicable to East Asian documents. Especially Thai
Distribute-all-lines: the two ends are in the same way as distribute, and they do not contain the last line of the two section alignment. Applies to ideographic documents
Distribute-center-last: not implemented
Inter-cluster: Adjust the lines with no space between words in the text. This adjustment is used to optimize the Asian language documentation.
Inter-ideograph: provides full two-end alignment for ideographic text. He adds or removes spaces between ideographic words and words.
Inter-word: Align text by adding spaces between words. This behavior is the fastest way to align all text rows. The alignment at both ends of the paragraph is invalid for the last line of the paragraph.
Kashida: adjust the text by extending the characters of the selected vertex. This adjustment mode is especially provided for the Arabic scripting language. Ie5.5 + is required
Newspaper: Align text by adding or removing spaces between words or letters. Is the most precise format used for alignment at both ends of the Latin alphabet

Note:
Sets or retrieves an object to adjust the alignment used by the text.
Because this attribute affects the text layout, the text-align attribute must be set to justify.
This attribute only applies to block objects.
This attribute is read-only for currentstyle objects. Other objects can be read and written.
The script feature is textjustify.

Example:
Div {text-justify: auto; text-align: justify ;}

 

 

 

 

 

Related Article

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.

A Free Trial That Lets You Build Big!

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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

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

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