gpt4 book ai didi

html - 在所有浏览器中,文本旁边需要 li 圆圈样式对齐中心词

转载 作者:行者123 更新时间:2023-11-28 16:50:38 24 4
gpt4 key购买 nike

我试图让我使用的 li 设计显示在我的文本中心对齐的单词旁边。如果您查看 this JSFiddle在 Firefox 中它就像我想要的那样显示,在任何其他浏览器中它把圆圈一直放在左边。我找不到任何方法让它在所有浏览器中都像我想要的那样显示。我将在下面放一个我正在使用的代码的简单版本。

<head>
<style>
ul.a {list-style-type: circle;}
</style>
</head>
<body>

<ul class="a">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>

最佳答案

list-style-position:inside 将起作用。

ul.a {
list-style-type: circle;
text-align: center;
list-style-position:inside;
}
<ul class="a">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>

关于html - 在所有浏览器中,文本旁边需要 li 圆圈样式对齐中心词,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32704340/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com