Question

Here是我正在工作的网页的链接。

在顾问部分，有一个列表。我想让子弹尺寸变小。

我做过CSS：

.career ul li span {
    font-size: 18px;
}
.career ul li{
  font-size: 10px !important;
}

请帮我制作更小的子弹。

由于

Answer 1

@trainoasis是对的，减少了li工作的font-fize。尝试使用ChromeDeveloper工具，但这个CSS应该可以解决问题。

.career ul li {
  font-size: 0.5em;
}

Answer 2

HTML页面中没有<!DOCTYPE html>。这样你就无法减少子弹大小

Answer 3

您可以使用:before制作自己的子弹并拥有自己的font-size

.career ul li {
  list-style: none;
}

.career ul li:before {
  content: '■'; 
  vertical-align: middle;
  display: inline-block;
  margin-top: -3px;
  font-size: 12px;
  margin-right: 4px;
}

Fiddle

Answer 4

为了减少项目符号列表的大小，我们可以在伪元素之前使用。

我们必须提供的列表

ul{
    list-style: none;
}

然后使用伪元素，我们可以根据我们所需的大小和内容创建项目符号

ul li:before {
    content: ".";
    position: absolute;
}

您可以通过给出顶部，底部，左侧，右侧值来设置位置的样式。

如果您有任何疑问，请检查， http://frontendsupport.blogspot.com/2018/05/reduce-bullet-size-in-list.html

代码来自上述网站。

有没有办法减少CSS中的List子弹大小

4 个答案: