> 웹 프론트엔드 > HTML 튜토리얼 > css3 中text-align:justify_html/css_WEB-ITnose

css3 中text-align:justify_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-21 09:08:50
원래의
1194명이 탐색했습니다.

css3中text-align:center:justify;

这个属性是单词两端对齐的意思。 

值justify可以使文本的两端对齐。在两端对齐的文本中,文本行的左右两端都放在父元素的内边界上。然后,调整单词和字符间的间隔,使各行的长度恰好相等。

举例:

<!DOCTYPE html><html>  <head>    <meta charset="utf-8">    <title>css中display:justify</title>    <style>    .box1{ width:500px; line-height:20px; margin:10px auto; background-color:#cdd; text-align:justify;}    .box2{ width:500px; line-height:20px; margin:10px auto; background-color:#cdd; text-align:left;}    </style>  </head>  <body>      <div>There is clearly a need for CSS to be taken seriously by graphic artists. The Zen Garden aims to excite, inspire, and encourage participation. To begin, view some of the existing designs in the list. Clicking on any one will load the style sheet into this very page. The code remains the same, the only thing that has changed is the external .css file. Yes, really</div>      <div>There is clearly a need for CSS to be taken seriously by graphic artists. The Zen Garden aims to excite, inspire, and encourage participation. To begin, view some of the existing designs in the list. Clicking on any one will load the style sheet into this very page. The code remains the same, the only thing that has changed is the external .css file. Yes, really</div>  </body></html>
로그인 후 복사

效果图:

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿