CSS文本基础知识

1、文本缩进

属性名:text-indent

属性值:数值+px; 数字+em(推荐:1em=当前标签的字号大小)

例:代码:

结果:

2、文本对齐方式

作用:控制内容水平方式

属性名:text-align

属性值:

|--------|---------|
| 属性值 | 效果 |
| left | 左对齐(默认) |
| center | 居中对齐 |
| right | 右对齐 |

居中对齐的本质:居中的是文字内容,不是标签!

水平对齐方式------图片

text-align本质是控制内容的对齐方式,属性要设置给内容发父级。

例:代码:

结果:

3、修饰线

属性名:text-decoration

属性值:

|--------------|-----|
| 属性值 | 效果 |
| none | 无 |
| underline | 下划线 |
| line-through | 删除线 |
| overline | 上划线 |

例:代码:

结果:

相关推荐
幼儿园技术家20 分钟前
嵌套 H5 的跨端通信:iOS / Android / 小程序 / 浏览器
前端·js or ts
一只小阿乐31 分钟前
TypeScript中的React开发
前端·javascript·typescript·react
用户97141718142734 分钟前
vite项目开发环境启动白屏
前端
Highcharts.js35 分钟前
Highcharts客户端导出使用文档说明|图表导出模块讲解
前端·javascript·pdf·highcharts·图表导出
上山打牛39 分钟前
cornerstone3D 通过二进制渲染影像
前端
一只小阿乐43 分钟前
react路由中使用context
前端·javascript·react.js·context 上下文
Hilaku44 分钟前
一周狂揽40K+ Star⭐ 的 Pretext 到底有多变态?
前端·javascript·html
Southern Wind1 小时前
AI Skill Server 动态技能中台
前端·后端·mysql·node.js
锦木烁光1 小时前
多端项目太乱?我是这样用 Monorepo 重构的
前端·架构
上山打牛1 小时前
cornerstone3D基本使用
前端