css 我怎样才能让这个方框里的圆点向上？

zc0qhyus 于 2023-02-26 发布在其他

关注(0)|答案(2)|浏览(184)

我写了代码，把一个项目符号"·"放在一个框里。我怎么让这个项目符号在框里向上。我试了"vertical-align：top;"但不起作用。

.stick1 {
  position: absolute;
  border: 8px solid #81a1b1;
  border-radius: 4px;
  background-color: #81a1b1;
  height: 25px;
  margin-left: 130px;
  margin-top: 17px;
  color: rgb(0, 0, 0);
}

<div class="stick1">&#x2022;</div>

css

来源：https://stackoverflow.com/questions/75560126/how-do-i-make-the-bullet-point-in-this-box-go-up

2条答案

按热度按时间

ryevplcw1#

将line-height设置为零可能就是您想要的：

.stick1 {
  position: absolute;
  border: 8px solid #81a1b1;
  border-radius: 4px;
  background-color: #81a1b1;
  height: 25px;
  margin-left: 130px;
  margin-top: 17px;
  color: rgb(0, 0, 0);
  line-height: 0;
}

<div class="stick1">&#x2022;</div>

每种字体都有一个最小高度，不管是什么字符，例如逗号和数字3都有相同的最小高度。line-height的默认值normal（大约1.2）用于计算其"布局边界"，将其降为零将尽可能地降低高度。
另请参阅：https://developer.mozilla.org/en-US/docs/Web/CSS/line-height

赞(0）回复(0）举报 2023-02-26

zzoitvuj2#