位置:电子教程 > CSS3教程 (如果看不到内容请使用360浏览器) 推荐学习资源
CSS3基础样式
CSS3 高级样式
当前阅读教程:CSS3教程 > text-align-last属性
阅读(22555525)      收藏       赞(5685)      分享
上一篇: CSS3 文本效果 下一篇: text-overflow 属性

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

image.png

定义和用法

text-align-last 属性规定如何对齐文本的最后一行。

注意:text-align-last 属性只有在 text-align 属性设置为 "justify" 时才起作用。

默认值:

auto

继承:

可动画化:

否。

版本:

CSS3

JavaScript 语法:

object.style.textAlignLast="right"

CSS 语法

text-align-last: auto|left|right|center|justify|start|end|initial|inherit;

属性值

描述

auto

默认值。最后一行被调整,并向左对齐。

left

最后一行向左对齐。

right

最后一行向右对齐。

center

最后一行居中对齐。

justify

最后一行被调整为两端对齐。

start

最后一行在行开头对齐(如果 text-direction 是从左到右,则向左对齐;如果   text-direction 是从右到左,则向右对齐)。

end

最后一行在行末尾对齐(如果 text-direction 是从左到右,则向右对齐;如果   text-direction 是从右到左,则向左对齐)。

initial

设置该属性为它的默认值。请参阅 initial

inherit

从父元素继承该属性。请参阅 inherit

 

 

实例:把段落的最后一行向右对齐

代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>text-align-last属性</title>
<!--定义内部样式-->
     <style>
             /**/
             .css1{
                      text-align: justify;
                      text-align-last: right;/*最后一行向右对齐*/
                      -moz-text-align-last: right; /* 针对 Firefox 的代码 */
             }
     </style>
    
</head>
<body>
   
     <div>
             text-align-last 属性规定如何对齐文本的最后一行。
             注意:text-align-last 属性只有在 text-align 属性设置为 "justify" 时才起作用。
     </div><br>      
    
     <div>
             text-align-last 属性规定如何对齐文本的最后一行。
             注意:text-align-last 属性只有在 text-align 属性设置为 "justify" 时才起作用。
     </div>  
    
</body>
</html>
效果图

小白教程网www.2d5.net

image.png



上一篇: CSS3 文本效果 下一篇: text-overflow 属性
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)