CSS <li>的填充和边距根本就不起作用
是一个常见的问题，可能是由于以下几个原因导致的：
- CSS样式冲突：可能是由于其他CSS样式的优先级高于<li>元素的样式，导致填充和边距无效。可以通过使用!important关键字来提高样式的优先级，或者检查其他样式是否与之冲突。
- 盒模型问题：<li>元素的填充和边距可能受到盒模型的影响。默认情况下，元素的宽度和高度是包括填充和边距的，如果设置了固定的宽度和高度，填充和边距可能会被压缩或溢出。可以尝试调整盒模型属性，如box-sizing来解决该问题。
- 父元素样式影响：<li>元素的填充和边距可能受到其父元素的样式影响。父元素可能设置了overflow:hidden或其他属性，导致填充和边距无效。可以检查父元素的样式，并适当调整。
- CSS属性错误：可能是由于CSS属性的错误使用导致填充和边距无效。确保正确使用了padding和margin属性，并指定正确的单位（如px、em等）。
总结起来，解决CSS <li>的填充和边距无效问题的方法包括：检查样式冲突、调整盒模型属性、检查父元素样式、确保正确使用CSS属性。如果问题仍然存在，可以提供更多的代码和上下文信息以便更好地帮助解决问题。
关于CSS的更多信息，您可以参考腾讯云的CSS文档：https://cloud.tencent.com/document/product/1210
相关·内容
3回答
我在这个网站上工作，我有一个相当大的.css文档。由于某些原因，我不能让这些列表项具有除0px以外的任何填充或边距。我不知道它可能是从哪里继承的，也不知道为什么我要写margin: 5px;}CSS规则位于链接样式表的底部。-Aza
浏览 1提问于2010-08-12得票数 2
回答已采纳
我希望悬停效果从列表中扩展到外部div的外部。有没有办法用负数填充呢？另一种方式？完全有可能吗？视觉效果会更简单突出显示周围div中的填充-
我想让a:hover效果看起来-
基本上代码看起来是这样的-.2 { padding: 5px;}
<div class="2"> <<
浏览 2提问于2011-07-13得票数 0
我有一个非常简单的html无序列表：<li>First</li></ul>
问题是，firefox中此类列表的默认样式在每个列表项之间留下了很大的空间-与<p>标记中段落之间的空间大致相同。我的google-fu今天被证明是一反常态的无用--我如何减少垂直空间
浏览 0提问于2009-08-12得票数 29
回答已采纳
在ie7的兼容模式下，我注意到internet explorer 7有一个奇怪的间距问题，我有一个joomla新闻提要，在一系列垂直列表项中排列为链接。由于某些原因，每行文本之间的空白高度似乎是可变的。这里是有问题的页面的url，www.galloplaw.com。我可以做什么或设置什么来解决这个问题？
浏览 3提问于2011-11-22得票数 0
2回答
我正在制作一个没有样式的无序列表： <li>1</li> <li>3</li>我试着用css来实现，所以代码是
<ul class="
浏览 0提问于2016-01-30得票数 0
我试图使用页边距和填充来微调页面上的一些间距，它们要么根本不起作用，要么比预期的要多得多。我有一个简单的页面，在顶部有一个“换行”的无序列表用于导航，下面是一些简单的文本内容。<!charset="utf-8"/>
<meta name="viewport" content="width
浏览 8提问于2012-03-20得票数 1
回答已采纳
空格: nowrap；适用于li。在IE中变得非常古怪。而不是每个.li项保持在一起并移动到下一行，整个事情变成了一个超长的行。li.artistlist {显示:内联；页边距: 0；填充: 0；字体大小：.75em；行高: 1.7em；单词间距: 5px；空
浏览 2提问于2010-08-11得票数 0
回答已采纳
我在使用left-left CSS属性时遇到一些问题。我有一些嵌套的无序列表。这是列表的样子，没有改变页边距-左边( IE和Chrome)：我想减少每个列表的缩进量，所以我添加了这段CSS代码：{}这在Chrome中运行良好，它会显示以下内容：但是，IE 8是这样显示的：我猜两种浏览器的
浏览 1提问于2013-04-17得票数 0
回答已采纳
在#和#sub之间有一个空白，我想修复它。这是Css代码。我想去掉两个div之间的垂直边距。可以在提供的JSfiddle链接上签出html代码。CSS： float: right; overflow: auto;} padding:
浏览 3提问于2014-01-04得票数 0
我试着构建这个顶部的导航菜单，它一直有一些边距，我知道这不是我的代码，因为我从来没有增加边距。下面是代码。/h/fhdfs">TEST</a></li>
<li><a href="https://forexstat.co.uk/h/fhdfs">TEST 2<&
浏览 20提问于2020-05-07得票数 0
回答已采纳
3回答
如何仅使用css将选定的选项卡与第二级选项卡重叠？"#">sub item 1 </a></li> </ul></li>
<l
浏览 1提问于2010-07-01得票数 0
Hellou，我对所有这些HTML，CSS非常陌生，做了一些网页，但不知道这里发生了什么。我想让这种技能出现在第二行时，当第一结束。宽度是700，所有的位置都在中央，我不知道为什么是重叠的。谢谢与技能课程相关的价值观：width: 700px;}list-style-type: none;
.projects <
浏览 3提问于2015-11-19得票数 2
回答已采纳
链接的样式： display: inline-block; margin: 50px 25px50px 25px; height: 300px;jQuery的代码：上面写着元素的高度
浏览 0提问于2010-09-24得票数 7
回答已采纳
我有一个带有链接的div。我用<br>标签把它们排成一排，因为我不知道如何用CSS添加垂直间距。我尝试在a样式规则中添加下边距和下边距，但似乎没有任何效果(为什么？)我可以添加另一个<br>标签来分隔它们，但我必须假设有一种更好的方法来实现这一点，但我还没有弄清楚。<title>Un
浏览 0提问于2009-07-16得票数 4
回答已采纳
2回答
在我的.css中，我使用固定宽度的居中布局：使用.css的所有页面都是相同的宽度。编辑
这是由我添加内容时出现的滚动条造成的。我能做些什么吗？
浏览 0提问于2012-01-22得票数 1
回答已采纳
我目前正在建设这个网站：我想把菜单项放在中间，这样在右边的“排俱乐部”之后就不会有很大的差距了。我试图在style.css中找到处理菜单的部分，但我找不到.我该怎么做？
浏览 0提问于2013-04-18得票数 -1
回答已采纳
2回答
我试过使用Position()，但.Below为空的凸轮输出是fiddle link，<li>Task1</li><li>Task3</li><li&
浏览 1提问于2013-01-29得票数 3
3回答
我使用的是一个无序列表，其中的实际列表项有一个圆形的矩形背景图像。我该怎么办？我认为我在做一些错误的事情，以确保在每个列表项之间，Firefox和Google Chrome之间没有差距。
浏览 2提问于2010-07-31得票数 2
回答已采纳
1回答
在其他浏览器中，按钮被按到右边，就好像上面有填充或边距一样，但是我指定了填充值为0。在Chrome中，按钮在原来的位置悬停后转到正确的位置，但如果页面通过打开检查器更新，则重新设置为正确的位置。在火狐和IE9中，它们向右移动，但根本不向后移动。有办法解决这个问题吗？下面是放松的代码：
#菜单ul {边距:0；填充:0；#菜单{高
浏览 3提问于2012-01-26得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
