text-align-last属性用于定义块级容器中,行内元素的最后一行内容的水平对齐方式,可选值有 auto | left | center | right | justify | start | end | start | end,默认值为 auto。

除 auto外,其它取值与 text-align 属性取值的含义相同。auto 表示使用 text-align 的设定(例外情况,text-align 取值为 justify 时,text-align-last属性的值为 start)。

目前,只有 IE 浏览器支持 text-align-last属性。继续上一节的例子,现在让最后一行文本居中对齐,其他文本行右对齐:

  1. p {
  2. width: 400px;
  3. text-align: right;
  4. text-align-last: center;
  5. border: 1px dashed #ccc;
  6. }

运行结果如图 3‑13 所示:

图3-13 文本对齐方式

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

CSS 水平对齐 text-align-last属性相关推荐

  1. html如何设置自动对齐,HTML5 教程之CSS 水平对齐(Horizontal Align)

    CSS 水平对齐(Horizontal Align) 在CSS中,有几个属性用于元素水平对齐. 块元素对齐 块元素是一个元素,占用了全宽,前后都是换行符. 块元素的例子: 文本对齐,请参阅 CSS文本 ...

  2. css设置水平坐对齐,CSS 水平对齐 (Horizontal Align)

    CSS 水平对齐 (Horizontal Align) 关于 CSS 中元素的水平对齐 (Horizontal Align),你可以使用多种属性来进行设置. 在CSS中,有几个属性用于元素水平对齐. ...

  3. html块级元素对齐方式,CSS如何水平对齐块级元素

    CSS 水平对齐 在 CSS 中,可以使用多种属性来水平对齐元素. 对齐块元素 块元素指的是占据全部可用宽度的元素,并且在其前后都会换行. 块元素的例子: 对于文本对齐,请参见 CSS 文本一章. 在 ...

  4. 前端笔记(3)css,选择器,文字文本属性,外观属性

    CSS样式表(1) (1)css概念 引入css的三种方法 行内式(内联样式) 内部样式表(内嵌样式表) 外部样式表(外链式) (2)css选择器 css基础选择器 标签选择器 类选择器 id选择器 ...

  5. css text top,text-align属性(css中文本对齐属性)

    text-align属性 设置h1.h2.h3元素的文本对齐方法: h1{text-align:center} h2{text-align:left} h3{text-align:right} 亲自试 ...

  6. html单元格向上对齐,HTML表格标记教程(32):单元格的水平对齐属性ALIGN

    HTML表格标记教程(32):单元格的水平对齐属性ALIGN 互联网   发布时间:2008-10-17 18:56:35   作者:佚名   我要评论 在水平方向上,可以设定单元格的对齐方式,分别有 ...

  7. css里td自带什么属性,关于css标签的属性(text文本属性,背景background,表格标签table,td标签属性)...

    简介这篇文章主要介绍了关于css标签的属性(text文本属性,背景background,表格标签table,td标签属性)以及相关的经验技巧,文章约1129字,浏览量216,点赞数4,值得参考! te ...

  8. html中设置图片的对齐方式,align属性怎么用 图片align属性到底是什么意思

    中align属性怎么使用?如下列代码: stock: W3C官方给出的解释是:所有浏览器都支持 align 属性的 "left" 和 "right" 值,除了 ...

  9. CSS设置段落的水平对齐

    CSS设置段落的水平对齐 CSS设置段落的水平对其方式 CSS中通过属性text-align来设置段落的水平对其方式,可以设置为左.中.右和两端对齐等,控制段落文字的对齐,和word中一样的方便. & ...

最新文章

  1. WC2018 CCF程序设计教学比赛记事
  2. linux tracepoint例子,tracepoint介绍
  3. 赌徒都应该明白的道理:通过简单计算告诉你为什么久赌必输
  4. leetcode笔记:Search in Rotated Sorted Array
  5. UVA 1609 Foul Play 不公平竞赛 (构(luan)造(gao)+递归)
  6. mysql8.0主从配置,MySQL 8.0主从服务器(Master-Slave)配置
  7. 【转】关于DCMTK中像素存储以及getoutdata()函数的使用
  8. 静态检查------SourceMonitor的学习和使用
  9. 2021-06-21结构伪类选择器
  10. 防止汽轮机严重超速的技术措施 22437
  11. 深入理解机器学习(一)——二分类模型评价指标详解(上)
  12. Origin8画图:将多个worksheet表画在同一张图
  13. excel二极管伏安特性曲线_电视机不被烧,是因为它?一个拥有反向特性的稳压二极管...
  14. vscode快速删除空白行方法
  15. 题解-牛客网-SQL-SQL(SQL21)查找所有员工自入职以来的薪水涨幅情况
  16. 产品设计方法论:用户体验五要素
  17. 【Unity Shader学习】边缘泛光效果
  18. PC版京东炸年兽活动一键做任务 全民自动炸年兽最新版1.1
  19. 接缝雕刻算法:一种看似不可能的图像大小调整方法
  20. 计算机组网技术形考4单元答案,最新国家开放大学电大《计算机组网技术》网络核心课形考任务四答案...

热门文章

  1. ISV客户博客系列:Persistent Systems 使用Windows Azure交付基于Java的CloudNinja项目
  2. VS2010连接MySql数据库时无法选择mysql database数据源
  3. 【工具使用系列】关于MATLAB 模型预测控制工具箱, 你需要知道的事
  4. SSH中设置字符编码防止乱码
  5. Fastdfs分布式文件系统的应用
  6. 深入理解Android(三):Xposed详解
  7. hdu4418 概率dp+高斯消元(近日吐槽)
  8. ASP.Net新手项目经验谈
  9. android网络请求线程池,利用线程池实现Android客户端的http网络数据请求工具类
  10. bes2300 tws配对_如何评价恒玄科技BES2300蓝牙芯片?