html打印预览首行缩进样式无效,css首行缩进没有效果的原因及解决办法

css首行缩进没有效果的原因及解决办法

发布时间：2020-12-23 09:52:37

来源：亿速云

阅读：69

作者：小新

这篇文章将为大家详细讲解有关css首行缩进没有效果的原因及解决办法，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。css首行缩进没有效果的原因及解决办法：1、元素不是块级元素，其解决方法是通过“display:inline-block;”使标签拥有部分块级元素的属性；2、效果被优先级更高的样式覆盖，其解决方法就是修改优先级即可。

网页排版中，首行缩进是很常用的效果，它使你的段落看起来更规范整洁！有时通过css设置首行缩进，却没有效果，这是什么原因造成的呢？

css中首行缩进使用text-indent属性，它的值允许使用数字、百分比以及inherit。

css首行缩进无效的原因：元素不是块级元素

效果被优先级更高的样式覆盖了。

解决方法：

1、确定标签是否为块级元素，不是的可以通过display:inline-block;使它拥有部分块级元素的属性

2、查看是否是 !important 引起的无效问题优先级 !important > id > class > tag

使用示例：p{

text-indent: 2em;

}

缩进两个汉字的宽度 text-indent:2em;

(em这个单位的意思就是相对文字大小，1em就是1个文字大小，2em就是两个文字大小)

关于css首行缩进没有效果的原因及解决办法就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

html打印预览首行缩进样式无效,css首行缩进没有效果的原因及解决办法相关推荐

详解如何在vue项目中使用lodop打印插件,以及样式打印预览缺失的问题（底部）
C-Lodop是一个免费云服务程序,可接受来自其它平台浏览器的JavaScrip语句实现远程打印. 目前是各家软件公司进行手机或微信远程打印的流行解决方案. 和其它"云打印"概念相 ...
lodop打印html没有样式,采坑 - LODOP，打印预览
结合 layui. 弹出框内容样式如下: 红框表示,左右的内边距. 图一打印预览的样式如下:红框表示,左右的内边距. 图二要根据图二的左右内边距,去修改图一的左右内边距.不然会影响正文内容高度的判 ...
c#endread怎么打印出来_C#教程之打印和打印预览
最近研究一了一下关于PDF打印和打印预览的功能,在此小小的总结记录一下学习过程. 实现打印和打印预览的方法,一般要实现如下的菜单项:打印.打印预览.页面设置. PrintDocument类 Print ...
excel打印预览在哪里_打印小心机：轮页眉页脚的重要性
人们常说"职场如战场",竞争压力越来越大,没有一些"小心机"怎么行. 在打印合同.方案等多页文件时,最担心的就是系统设备出现问题,轻则耽误时间和工作进程,重则文 ...
react项目中实现打印预览功能
最近项目中,前端采用react+antd+dva的组合, 今天有一个新需求, 需要在后台管理系统中实现点击打印完成指定页面的打印功能. 我们道浏览器带有打印功能的实现,window.print() ...
html 打印预览跟实际不一样,打印预览和打印出来的不一样（总结自己遇到的问题和解决方法）...
1.打印预览和打印出来的不一样(表格里面的字出了表格)? 答:我在打监理月报时,经历的一个案例,其实这是因为你设置了居中,结果呢,表格进了下一页,所以这时有可能字就出了表格,只要将此单元格选定,然后选 ...
关于IE打印预览内容显示不全的问题解决
目前在调整一个页面打印功能的时候,发现多行文本框TextArea在页面显示的时候,多行文本可以正常显示,但是在打印页面的时候,部分内容就被遮挡住了, 苦思冥想不得其解,后来还是请教了美工. 首先查了下 ...
Excel中普通视图与打印预览内容显示不一致的解决方法
原文地址为: Excel中普通视图与打印预览内容显示不一致的解决方法一.问题:需要打印Excel表中的内容,但在"普通视图"中将格式调好后,点击"打印预览"一 ...
vue-excel不规则表格编写且可以打印预览
效果图: 一.打印预览引入两个依赖文件 ref="exportPdf" 指向只能指向div这些dom原生元素,不然会报Element is not attached to a Do ...

html打印预览首行缩进样式无效,css首行缩进没有效果的原因及解决办法

html打印预览首行缩进样式无效,css首行缩进没有效果的原因及解决办法相关推荐

最新文章

热门文章