gpt4 book ai didi

css - 是否有可能在右边有带点的 html 列表?

转载 作者:行者123 更新时间:2023-11-28 10:37:59 25 4
gpt4 key购买 nike

我的 html:

<!DOCTYPE html>
<html>
<head>
<style>
li {
font-weight: bold;
text-align: right;
}
</style>
</head>
<body>
<li>Consultation</li>
<li>Pharmacist</li>
<li>Registration No.</li>
</body>
</html>

当前元素符号显示在列表项的左侧;

我可以让点在右边吗?

最佳答案

i) direction:rtl; 应该可以解决问题,因为您已将 text-align:right 添加到 lili对齐的。玩一玩,您将能够根据自己的需要使用它

DEMO

CSS:

li{
font-weight:bold;
text-align:right;
direction:rtl;}

ii) 如果您想在每个元素旁边添加“*”必需符号,例如您在 url 中提到的元素。您可以执行以下操作。

DEMO

CSS:

li {
display:block;
list-style:none;
}
li:after {
content:"*";
}

iii) 或者您可以设置 list-style-type:none 并为元素符号设置背景图像,如本例所示: Background images for bullet

关于css - 是否有可能在右边有带点的 html 列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35735973/

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