Rumah >hujung hadapan web >tutorial css >css3 text-justify属性怎么用
css3 text-justify属性怎么用
- 青灯夜游asal
- 2019-02-11 16:18:003309semak imbas
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>
<h1>CSS text-justify 实例</h1>
<div>php中文网</div>
<p><b>提示：</b>请调整浏览器窗口的大小，来查看齐行效果。</p>
</body>效果图：
Atas ialah kandungan terperinci css3 text-justify属性怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：text-outline属性怎么用Artikel seterusnya：punctuation-trim属性怎么用