ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
[toc] ## em与text-indent ![](https://box.kancloud.cn/cf05b81bc37d6a87b91dda197f796089_280x257.png) 如果是英文字母,可能text-indent的结果可能并不是你所期望的,因为1em是一个`M`的宽度,而非等款字体的英文字母里的`l`这种窄字母的宽度是小于1em的。 数字同上 中文不存在这个问题 ## 其百分比值是相对于包含块 ## 隐藏文字 使用一个大的负值或则正值将文字偏移到容器外面 再使用overflow:hidden就能隐藏 ## 负值与padding 因为text-indent**仅**对**第一行**内联元素有效 ``` p{ text-indent:-3em; padding-left:3em; } ``` ## text-indent不会影响原本布局 ## 失效情况 1. text-indent仅对第一行内联盒子内容有效 2. 输入框 input、textarea低版ie不兼容 3. button有效,百分比值有兼容问题,ie按照容器,其它按照自身;input的button无效 4. 对行级元素无效