ul的list-style-type失效问题

最新推荐文章于 2021-04-30 09:47:29 发布
最新推荐文章于 2021-04-30 09:47:29 发布
阅读量1.5k 收藏
点赞数 2
文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45560350/article/details/114091720
版权

用了网上最流行的两种解决方法（修改float或list-style-position:inside）也无法解决的bug

最后发现是因为给li设置了display:inline-block;

list-style属性所能应用的元素是display:list-item;（li的默认属性值）的元素

将li的display属性重新设为list-item即可

今天也是爱大大的一天吖
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS list-style-type属性使用方法
09-25
其中，`list-style-type`属性是一个非常实用的工具，它允许开发者自定义列表（如无序列表`<ul>`和有序列表`<ol>`）中项目符号的样式。本篇文章将深入探讨`list-style-type`属性的使用方法及其各种可能的值。 `list-...
CSS list-style熟悉解释
09-25
如果不注意这三个属性的话，list-style有时候就会出问题。例如，当UL浮动时，需要display:inline来解决IE6中的双倍边距问题时，奇怪的事情发生了。 list-style属性是一个强大的工具，能够帮助我们快速设置列表的...
list-style-type 为什么总失效？
我爱1和0 个人主页:521100.net
04-23 2875
（一）list-style-type常用方法：   list-style属性一般都设置为none 。需要加 "·" 或是别的符号  最好直接用键盘输入 或用转义符号 ul{list-style:none; margin:0; padding:0}  ui li{line-height:Npx; } 一般是20px; 只要这样设置， 基本都不会有问题。   一般CS
list-style-type在ie6、ie7中不显示的解决【转】
Hui Timkit(Net)
02-18 752
list-style-type的参数： disc : CSS1　实心圆 circle : CSS1　空心圆 square : CSS1　实心方块 decimal : CSS1　阿拉伯数字 lower-roman : CSS1　小写罗马数字 upper-roman : CSS1　大写罗马数字 lower-alpha : CSS1　小写英文字母 upper-alpha : CSS1
js中style.display=""无效的解决方法.docx
01-21
js中style.display=""无效的解决方法.docx
解决IE浏览器li下list-style-type无效的问题
东亮博客
10-13 3024
<br />今天做了一个小页面，用到了li标签，发现在IE浏览器下li前面默认的实心圆点不显示，也就是说list-style-type:disc无效，但是在firefox下确实正常的。<br />原因可能是因为某些浮动设置造成了li不正常显示，解决的方法也很简单，就是使用增加一个属性：<br />list-style-position: inside<br />这样就li的list-style-type属性就生效了
List-style-type属性失效
weixin_33859231的博客
11-11 416
异常处理汇总-前端系列:http://www.cnblogs.com/dunitian/p/4523015.html 看重点： 根本原因：padding:0000px; 解决：list-style-position:inside; 本文转自毒逆天博客园博客，原文链接：http://www.cnblogs.com/dunitian...
解决 li overflow hidden之后 list-style-type 失效问题
vvvvvv333333333的博客
04-30 347
加上 list-style-position: inside; 即可 list-style-position 含义是属性设置在何处放置列表项标记。 list-style-position 值 为一下内容 inside 列表项目标记放置在文本以内，且环绕文本根据标记对齐。 outside 默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外，且环绕文本不根据标记对齐。 inherit 规定应该从父元素继承 list-style-position 属性的值。
Li list-style-image 图片垂直居中
01-19
list-style-image 图片垂直居中 如果使用list-style-image设置了一个列表项的前面的小图标，在FF下是正常显示的， 但是在IE下想让他也居中正常的显示，死活不听话。 退而求其次，找了一个折中的解决办法， 就是...
解决list-style-type属性失效
weixin_33801856的博客
03-02 816
有的时候我们在网页中对li标签设置了它的css属性，比如list-style-type:disc;然而我们的网页前端呈现结果中却看不到我们的效果，但是css又显示没错，我们该如何解决？其实造成这种现象的原因有两种可能，一种是li属性设置了list-style-position:outside;列表符号的位置在盒模型之外，所以第二个列表项的符号被第一个列表项盖住，或者被前面的框架覆盖，所以就看不到效...
关于IE浏览器（8以下）li下list-style-type无效
那一天的河川
07-09 784
IE浏览器(8以下)li设置浮动，list-style-type是不生效的。 解决方法也很简单： list-style-position: inside
ul默认的list-style不生效问题
lingliu0824的博客
07-31 2937
默认情况下ul下的li都会自带一个列表样式：如图 但是如果我们在全局设置了margin和padding为0后，无论是默认的还是自己设置的list-style都不会生效了。 可以看看默认情况下的列表，列表样式是在content外面展示的 所以我们可以在ul标签中设置padding-left:20px(自己设置一个合适的宽度，不能太小否则也无法显示）或者设置margin-left解决这个问题. ...
CSS 列表list-style属性不起作用的原因
养猫的阿甘
11-06 1879
今天遇到list-style属性不管如何设置都不起作用。总是不显示任何样式。查看原因是因为在li元素上使用了:after伪类进行浮动清除。对于li元素如果确实需要清除浮动，只能写实体的元素进行clear:both，不可以使用伪类清除浮动，否则list-style属性的样式将不会应用的li属性。 ...
list-style无效
肥羊集团的专栏
07-29 1776
原因：应用了list-style-position: outside; 属性造成的。 左浮动会使盒模型一个挨一个横向排练 列表符号的位置在盒模型之外 所以第二个列表项的符号被第一个列表项盖住 另外应用float:left;属性也会造成LI元素不正常。 解决办法：把list-style-position:outside;改成list-style-position: insi
uni-app 组件修改样式不生效解决办法
FormAda的博客
04-08 4050
问题描述：按F12获取元素的类后，想修改uni-app 组件样式，不生效。 .uni-list-item__content-title[data-v-296a3d7e]{ color: #5d5b5b; } 该样式不生效，就算加了! important和<<<都不行。 解决办法：加/deep/ /deep/ .uni-list-item__content-title[data-v-296a3d7e]{ color: #5d5b5b; } ok！样式生效了！ ...
list-style-type 属性设置
炉火纯青
04-12 3202
浏览器支持 所有浏览器都支持 list-style-type 属性。 注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "decimal-leading-zero"、"lower-greek"、"lower-latin"、"upper-latin"、"armenian"、"georgian" 或 "inherit"。 可能的值 CSS2
还原ul list-style-type
最新发布
05-18
要还原无序列表（ul）的list-style-type样式，可以将其设置为默认值，即“disc”。可以使用以下CSS代码实现： ``` ul { list-style-type: disc; } ``` 这将将每个列表项前面的标记还原为圆点。如果列表项之前有...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值