<!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 排版:设定文本对齐,段落中超出屏幕部分文字自动换行...相关推荐

  1. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 排版:移除默认的列表样式

    <!DOCTYPE html> <html><head><title>菜鸟教程(runoob.com)</title> <meta n ...

  2. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 排版:设置浮动和偏移

    <!DOCTYPE html> <html><head><title>菜鸟教程(runoob.com)</title> <meta n ...

  3. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 按钮:禁用按钮

    <!DOCTYPE html> <html><head><meta charset="utf-8"> <title>菜鸟 ...

  4. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 按钮:让按钮看起来像个链接 (仍然保留按钮行为)...

    <!DOCTYPE html> <html><head><meta charset="utf-8"> <title>菜鸟 ...

  5. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 按钮:按钮组

    <!DOCTYPE html> <html> <head><meta charset="utf-8"> <title>B ...

  6. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 辅助类:表格单元格使用了 bg-primary 类...

    <!DOCTYPE html> <html><head><meta charset="utf-8"> <title>菜鸟 ...

  7. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 网格系统实例:响应式的列重置

    <!DOCTYPE html> <html> <head><meta charset="utf-8"> <title>B ...

  8. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 辅助类:在元素获取焦点时显示(如:键盘操作的用户)...

    <!DOCTYPE html> <html><head><meta charset="utf-8"> <title>菜鸟 ...

  9. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 图片:为图片添加圆角 (IE8 不支持)

    <!DOCTYPE html> <html><head><meta charset="utf-8"> <title>菜鸟 ...

最新文章

  1. grub 引导 多linux系统,GRUB 多系统引导
  2. 如何删除非当前用户下的JOB
  3. java有password_hash吗,java 实现 PHP password_hash() password_verify() 单向验证
  4. 关于EL表达式取值的问题
  5. fetch 自动加cookie_WEBUI自动化开发(第五章)
  6. [蓝桥杯2015决赛]机器人数目-枚举
  7. 一文带你认识队列数据结构
  8. android 数据文件存储,实例详解Android文件存储数据方式
  9. 信息论霍夫曼编码c语言,Huffman 信息论与编码 - 下载 - 搜珍网
  10. python在线朗读-使用python编写一个语音朗读闹钟功能的示例代码
  11. python求解给定一字符串列表判定每个字符串可以构成的所有序列中回文序列的数目
  12. Unitils集成DBUnit的问题-解决方案
  13. GAT1400---基于libcurl库的开发
  14. 绿色版飞信LibFetion提示用户密码错误的解决办法,直接改用飞信号登录即可
  15. Win10 Edge浏览器如何截网页长图
  16. 深层网络梯度消失-爆炸原因
  17. 《决战大数据》读书笔记(二) cookie识别用户行为已经过时
  18. 赋科技以温度,百度集团副总裁吴甜入选《财富》“40 Under 40榜单”
  19. Windows7 任务栏功能的开发
  20. Enable VT-x in your BIOS 怎么解决

热门文章

  1. 让你的WordPress主题支持自定义菜单
  2. css怎么把背景图片拉伸至100%
  3. Redis安装和使用指南
  4. SHA-1算法的C语言实现(源码来自网络)
  5. element-ui的表单校验;el-form表单校验;el-form表单自定义校验;手机号校验;车牌号校验;车牌号正则校验;
  6. Linux 系统如何查看硬盘UUID与修改
  7. React开发(198):需要加个{}
  8. 前端学习(3276):js中this的使用
  9. Taro+react开发(32)注意符号
  10. react学习(43)----react中将一个元素渲染为 DOM