吴裕雄 Bootstrap 前端框架开发——Bootstrap 排版:设定文本对齐,段落中超出屏幕部分文字自动换行...
生活随笔
收集整理的這篇文章主要介紹了
吴裕雄 Bootstrap 前端框架开发——Bootstrap 排版:设定文本对齐,段落中超出屏幕部分文字自动换行...
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html><head><title>菜鳥教程(runoob.com)</title> <meta name="viewport" content="width=device-width, initial-scale=1" charset="utf-8"><link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script><script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script></head><body><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></body>
</html>
?
轉載于:https://www.cnblogs.com/tszr/p/10888223.html
總結
以上是生活随笔為你收集整理的吴裕雄 Bootstrap 前端框架开发——Bootstrap 排版:设定文本对齐,段落中超出屏幕部分文字自动换行...的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 李白 侠客行
- 下一篇: linux的sed命令是什么,linux