争怎路由网:是一个主要分享无线路由器安装设置经验的网站,汇总WiFi常见问题的解决方法。

CSS中经常见的6种文本样式(总结)

时间:2024/2/29作者:未知来源:争怎路由网人气:

inherit

初始值: left

应用于: 块级元素(包括block和inline-block)

继承性: 有

360截图20180914172611736.jpg

两端对齐

  当水平对齐方式为两端对齐时,word-spacing可能会调整,以便文本在整行中正好放下。如果为letter-spacing指定一个长度值,则letter-spacing不会受两端对齐影响,除非letter-spacing值为normal

1.jpg

IE兼容

  对于IE7-浏览器来说,使用text-align不仅会改变文本的水平对齐方式,也会改变后代块级元素的水平对齐方式

.box{
    width: 200px;
    height: 200px;
    background-color: pink;
    border: 1px solid black;
    text-align: right;
}    
.in{
    height: 100px;
    width: 100px;
    background-color: lightgreen;
}
<div class="box">
    <div class="in">测试文字</div>
</div>

效果图:

1.gif

三、字间隔

1.定义

字间隔是指单词间距,用来设置文字或单词之间的间距。实际上,"字"表示的是任何非空白符字符组成的串,并由某种空白符包围

注意:单词之间用空格分开,单词之间的间距 = word-spacing + 空格大小

注意:字间隔可为负值

2.用法

word-spacing: <length>   

关键词:CSS中经常见的6种文本样式(总结)




Copyright © 2012-2018 争怎路由网(http://www.zhengzen.com) .All Rights Reserved 网站地图 友情链接

免责声明:本站资源均来自互联网收集 如有侵犯到您利益的地方请及时联系管理删除,敬请见谅!

QQ:1006262270   邮箱:kfyvi376850063@126.com   手机版