Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用css减少列表样式的项目符号大小?_Html_Css - Fatal编程技术网

Html 使用css减少列表样式的项目符号大小?

Html 使用css减少列表样式的项目符号大小?,html,css,Html,Css,我在不同的网站上搜索过,但找不到真正的解决方案。我想减小li上项目符号图标的大小。但是我不想用以前在li::的图像。有什么想法吗?是设置自定义列表样式类型属性 这在Safari或iOS Safari上还不起作用。覆盖了所有其他现代浏览器 一种解决方案是为设置自定义列表样式类型,例如项目符号••它小于默认列表项目符号。甚至更小的是middot符号·· 是不同符号的良好资源,还包括符号的CSS代码,例如CSS中的bullot符号•is\2022和CSS中的middot符号•is

我在不同的网站上搜索过,但找不到真正的解决方案。我想减小li上项目符号图标的大小。但是我不想用以前在li::的图像。有什么想法吗?

是设置自定义列表样式类型属性

这在Safari或iOS Safari上还不起作用。覆盖了所有其他现代浏览器

一种解决方案是为设置自定义列表样式类型,例如项目符号••它小于默认列表项目符号。甚至更小的是middot符号··

是不同符号的良好资源,还包括符号的CSS代码,例如CSS中的bullot符号•is\2022和CSS中的middot符号•is\b7

.小子弹{ 列表样式类型:'\2022'; 左侧填充:32px; } .小子弹李{ 左侧填充:8px; } .甚至更小的子弹{ 列表样式类型:'\b7'; 左侧填充:32px; } .甚至更小的子弹李{ 左侧填充:8px; } 你好 世界 你好 世界 你好 世界
你可以用几种方法来做

li{list-style-type:none;}
li:before{content:'\00b7'; font-size:20px; line-height:24px; vertical-align:middle;}

并添加一个

<span>&#183;</span> 

在开始复制之前

如果不想使用图像,可以执行此操作

李{ 列表样式:无; } 李:以前{ 内容:·; 字体大小:24px; 垂直对齐:中间对齐; 线高:20px; } 项目1 项目2 项目3 项目4 项目5
虽然链接的问题是关于更改项目符号的颜色,但描述的方法大多是通用的,可用于完全自定义列表项目符号。请参阅和。谢谢!我找到了真正的解决办法!干杯谢谢你的回答
<span>&#183;</span>