您好,登錄后才能下訂單哦!
今天就跟大家聊聊有關怎么用css3 text-justify屬性,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結了以下內容,希望大家根據這篇文章可以有所收獲。
text-justify屬性用于指定當文本對齊屬性text-align設置為"justify"時的齊行方法;該屬性規定如何對齊行文本進行對齊和分隔。
CSS3 text-justify屬性
text-justify屬性指定文本對齊設置為"justify"的理據,指定應怎樣對齊文本以及對齊間距。
語法:
text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;
參數:
auto:瀏覽器決定齊行算法。
none:禁用齊行。
inter-word:增加/減少單詞間的間隔。通過調整單詞之間的間距來對齊文本,從而有效地創建其他單詞間距。這實際上是word-spacing屬性的變體。
inter-ideograph:用表意文本來排齊內容。
inter-cluster:只對不包含內部單詞間隔的內容(比如亞洲語系)進行排齊。
distribute:類似報紙版面,除了在東亞語系中最后一行是不齊行的。
kashida:通過拉伸字符來排齊內容。
注:只有 Internet Explorer 支持 text-justify 屬性。
CSS3 text-justify屬性的使用示例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> div { text-align:justify; text-justify:inter-word; } </style> </head> <body> <h2>CSS text-justify 實例</h2> <div>億速云</div> <p><b>提示:</b>請調整瀏覽器窗口的大小,來查看齊行效果。</p> </body>
效果圖:
看完上述內容,你們對怎么用css3 text-justify屬性有進一步的了解嗎?如果還想了解更多知識或者相關內容,請關注億速云行業資訊頻道,感謝大家的支持。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。