text-justyfy怎么用

Question

text-justyfy怎么用

Answer 1

bootstrap里面的，表示设定文本对齐,段落中超出屏幕部分文字自动换行。例子如下 记得导入 bs的css文件，很多东西多百度就有

<div class="container">

<h2>排版</h2>

<p class="text-left">左对齐文本</p>

<p class="text-right">右对齐文本</p>      

<p class="text-center">居中对齐文本</p>

<p class="text-justify">对齐文本。该段落会根据屏幕的大小对超出屏幕的文字进行换行该段落会根据屏幕的大小对超出屏幕的文字进行换行该段落会根据屏幕的大小对超出屏幕的文字进行换行该段落会根据屏幕的大小对超出屏幕的文字进行换行该段落会根据屏幕的大小对超出屏幕的文字进行换行</p>      

<p class="text-nowrap">该段落不会根据屏幕的大小对超出屏幕的文字进行换行。</p>

<p><strong>提示:</strong> 尝试重置浏览器大写查看 “text-justify” 和 “text-nowrap” 段落的效果。</p>      

</div>