Css 有可能在右边有点的html列表吗?
我的html:Css 有可能在右边有点的html列表吗?,css,html4,Css,Html4,我的html: <!DOCTYPE html> <html> <head> <style> li { font-weight: bold; text-align: right; } </style> </head> <body> <li>Consultation</li> <
<!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>
李{
字体大小:粗体;
文本对齐:右对齐;
}
咨询
药剂师
注册号
当前,项目符号显示在列表项的左侧
我可以让点在右边吗?使用
方向:rtl代码>使文本和列表项项目符号从右向左
li {
font-weight: bold;
text-align: right;
direction: rtl;
}
更多阅读
以下是您可以做的事情
`<style>
li {
list-style-type:none;
}
</style>`
`
李{
列表样式类型:无;
}
`
^那会清除子弹的
然后手动添加到您的li标签内
例如咨询• i)方向:rtl
应该可以做到这一点,因为您在li
中添加了text align:right
,因此li
是right对齐的。玩一玩,你就能用它来满足你的需要
CSS:
li{
font-weight:bold;
text-align:right;
direction:rtl;}
li {
display:block;
list-style:none;
}
li:after {
content:"*";
}
ii)如果您希望在每个项目旁边添加“*”所需符号,如您在url中提到的项目。您可以执行以下操作
CSS:
li{
font-weight:bold;
text-align:right;
direction:rtl;}
li {
display:block;
list-style:none;
}
li:after {
content:"*";
}
iii)或者您可以设置列表样式类型:none
,并设置项目符号的背景图像,如本例所示:如果您希望项目符号指向右侧,但文本向左对齐
li{
显示:块;
列表样式:无;
宽度:200px;
位置:相对位置;
}
李:之后{
内容:“•”;
显示:内联块;
位置:绝对位置;
右:0;
}
- 咨询
- 药剂师
- 注册号
您可以使用方向:rtl代码>。“方向”属性指定文字方向/书写方向
提示:将此属性与unicode bidi属性一起使用,以设置或返回是否应覆盖文本以支持同一文档中的多种语言。以下来源:什么点?你是说标记/项目符号吗?顺便说一句,你的HTML是无效的;元素需要包装在
或元素中。您应该在伪元素之后使用::而不是在HTML中插入•
。