文本对齐属性text-justify

DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>文本对齐title>
        <style type="text/css">
               .cssclass{
                   height: 400px;
                   width: 500px;
                   border: 1px solid lightgray;
                   margin: 0 auto;
               }
               .cssclass p{
                   text-justify:distribute-all-lines;
                   text-align: justify;
                   text-indent:40px;
                   padding: 10px;
               }
        style>
    head>
    <body>
        <div class="cssclass">
            <p>
            text-justify语法:text-justify:auto|inter-word|newspaper|distribute|distribute-all-lines|inter-ideograph 
            auto :允许浏览器用户代理确定使用的两端对齐法则
            inter-word :通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效
            newspaper : 通过增加或减少字或字母之间的空格对齐文本。是用于拉丁文字母表两端对齐的最精确格式
            distribute :处理空格很像newspaper,适用于东亚文档。尤其是泰国
            distribute-all-lines :两端对齐行的方式与distribute相同,也同样不包含两段对齐段落的最后一行。适用于表意字文档
            inter-ideograph : 为表意字文本提供完全两端对齐。他增加或减少表意字和词间的空格 
            p>
        div>
    body>
html>

 

转载于:https://www.cnblogs.com/daniel-lij/p/6530786.html

你可能感兴趣的:(文本对齐属性text-justify)