百变鹏仔-专注前端行业精选
HTML 中文本类属性语法详细介绍
作者:鹏仔先生日期:2020-06-02 10:34:43浏览:1768分类:CSS
1.水平对齐方式
语法:
text-align: left|center|right|justify;
left 左对齐; center 居中; right 右对齐; justify 两端对齐(只对英文起作用);
注:要让文本或图片等元素居中对齐,要给所在父元素设置 text-align 属性;
2.行高
语法:
line-height: 数值+单位;
eg:
line-height: 36px;
注:①line-height不允许设置负值
②当行高等于容器高时,可实现单行文本在定高容器中垂直居中
③当行高只写数值不加单位时,行高为字体大小的倍数,如line-height: 2; 行高为字体大小的2倍
3.文本修饰
语法:
text-decoration: none(没有修饰); underline(下划线); line-through(删除线); overline(上划线);
eg:
a{ text-decoration: none; } a:hover{ text-decoration: underline; color: pink; }
4.首行缩进
语法:
text-indent: 数值+单位;
eg:
text-indent: 30px;
注:
text-indent 设置正值向后缩进,设置负值向前缩进,会有隐藏效果;
text-indent 只对第一行缩进起作用。
5.字符间距(汉字与汉字,英文字母与英文字母之间的间距)
语法:
letter-spacing: 数值+单位|normal;
注:允许设置负值
6.词间距(主要针对英文)
语法:
word-spacing: 数值+单位|normal;
注:允许设置负值
7.文本是否大小写(只针对英文起作用)
语法:
text-transform: none(默认值); capitalize(首字母大写); uppercase(全部大写); lowercase(全部小写);
8.长单词换行
语法:
word-wrap: normal | break-word;
注:主要应用在较长的url地址和没有空格的长串英文中字母
9.强制在一行显示
语法:
white-space: normal | nowrap;
10.垂直对齐方式
语法:
vertical-align: baseline(默认值) | top(顶部对齐) | middle(中部对齐) | bottom(底部对齐);
注:①vertical-align 属性可用于设置表格单元格内容的垂直对齐方式
②设置内联块状元素(inline-block)的基线相对于元素所在行的基线的垂直对齐
手机扫码访问
猜你还喜欢
- 04-16 table固定表头和列 css实现表格固定表头
- 07-12 css数字/字母换行没生效,怎么解决?
- 10-20 uniapp中text-indent不起作用,uniapp首行缩进不管用如何解决?
- 04-30 object-fit:cover;在小程序中不起作用,小程序图片变形了如何处理
- 04-26 css防止图片变形 object-fit: cover; 属性介绍
- 11-25 小程序中button的边框无法去除 button边框如何去除
- 07-10 移动端点击a标签后默认蓝色背景如何去除
- 06-30 常见的CSS全局公共样式整理
- 06-22 使用css修改input的文字提示语颜色
- 06-22 使用css选择器实现表格隔行换色
- 06-16 使用c3动画实现摇铃铛效果
- 06-03 css隐藏滚动条 兼容谷歌、火狐、IE等各个浏览器
取消回复欢迎 你 发表评论:
- 搜索
- 随机tag
暂无评论,来添加一个吧。