css3中的text-justify屬性怎么用

發(fā)布時間：2022-02-25 13:40:17 來源：億速云閱讀：152 作者：小新欄目：web開發(fā)

小編給大家分享一下css3中的text-justify屬性怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

　　CSS3text-justify屬性

　　text-justify屬性指定文本對齊設(shè)置為"justify"的理據(jù)，指定應(yīng)怎樣對齊文本以及對齊間距。

　　語法：

　　參數(shù)：

　　auto：瀏覽器決定齊行算法。

　　none：禁用齊行。

　　inter-word：增加/減少單詞間的間隔。通過調(diào)整單詞之間的間距來對齊文本，從而有效地創(chuàng)建其他單詞間距。這實際上是word-spacing屬性的變體。

　　inter-ideograph：用表意文本來排齊內(nèi)容。

　　inter-cluster：只對不包含內(nèi)部單詞間隔的內(nèi)容（比如亞洲語系）進行排齊。

　　distribute：類似報紙版面，除了在東亞語系中最后一行是不齊行的。

　　kashida：通過拉伸字符來排齊內(nèi)容。

　　注：只有InternetExplorer支持text-justify屬性。

　　CSS3text-justify屬性的使用示例

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metacharset="UTF-8">

　　<style>

　　div

　　{

　　text-align:justify;

　　text-justify:inter-word;

　　}

　　</style>

　　</head>

　　<body>

　　<h2>CSStext-justify實例</h2>

　　<div>php中文網(wǎng)</div>

　　<p><b>提示：</b>請調(diào)整瀏覽器窗口的大小，來查看齊行效果。</p>

　　</body>

css3中的text-justify屬性怎么用

以上是“css3中的text-justify屬性怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

猜你喜歡