>  기사  >  웹 프론트엔드  >  CSS 스타일을 사용하여 단락 텍스트의 양쪽 끝을 정렬하는 방법의 예

CSS 스타일을 사용하여 단락 텍스트의 양쪽 끝을 정렬하는 방법의 예

黄舟
黄舟원래의
2017-07-19 15:58:533048검색

때때로 웹사이트에 텍스트가 많이 있을 수 있습니다. 부모 요소에 너비가 설정되어 있어도 양쪽 끝이 항상 고르지 않고 고르지 않게 보입니다. 실제로 단락의 양쪽 끝을 정렬하려면 CSS

스타일 두 개만 설정하면 됩니다.


.demo{
       text-align: justify;
       text-justify: inter-ideograph;/*IE*/
}

text-justify 기본 구문

구문: ​​

text-justify : auto |inter-word | newspaper | distribute | distribute-all-lines | inter-ideograph


매개변수
auto: 브라우저 사용자 에이전트가 사용되는 양쪽 끝을 결정할 수 있습니다. 정렬 규칙;
단어 간 간격을 늘려 텍스트를 정렬합니다. 이 동작은 텍스트의 모든 줄을 정렬하는 가장 빠른 방법입니다.
신문의 마지막 줄에는 유효하지 않습니다. : 단어나 문자 사이의 공백을 늘리거나 줄여 텍스트를 정렬하는 것은 라틴 알파벳의 양쪽 끝을 정렬하는 데 사용되는 가장 정확한 형식입니다.
distribute: 신문과 마찬가지로 공백을 처리하며, 특히 태국에 적합합니다. distribution-all-lines: 양쪽 끝 줄을 정렬하는 방법은 distribution과 동일하며, 표의 문자 문서에 적합합니다. 표의 문자 끝 정렬을 위한 두 줄. 그는 단어 사이에 표의 문자와 공백을 추가하거나 뺍니다.
코드는 다음과 같습니다.

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>css实现段落文字两端对齐</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><p class="demo">
    川剧流行于四川全境和云南贵州等省部分地区,是融汇高腔、昆曲、胡琴(即皮黄)、弹戏(即梆子)和四川民间灯戏五种声腔艺术而成的剧种。
    川剧,是中国汉族戏曲剧种之一,流行于四川东中部、重庆及贵州、云南部分地区。川剧脸谱,是川剧表演艺术中重要的组成部分,
    是历代川剧艺人共同创造并传承下来的艺术瑰宝。川剧由昆曲、高腔、胡琴、弹戏、灯调五种声腔组成。</p></body></html>

효과는 다음과 같습니다.


위 내용은 CSS 스타일을 사용하여 단락 텍스트의 양쪽 끝을 정렬하는 방법의 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.