小贝子编程

将块更改为标签的内联会使列表样式类型<li>隐藏，添加列表样式类型后我看不到：圆圈; 和填充，边距

本文关键字：样式类型列表我看添加隐藏看不到边距填充圆圈 css
更新时间 : 2023-09-23
英文 : changing block to inline of an <li> tag makes list-style-type hidden and I cant see after adding list-style-type:circle; and padding , margin

<html>
<head>
<style>
</style>
</head>
<body>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</body>
</html>

预期输出预期的输出

when I add display : inline of <li> then

<html>
<head>
<style>
li {
display: inline;
}
</style>
</head>
<body>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</body>
</html>

输出如下

我的问题是添加padding, margin, line-style-type: circle;我没有得到预期的输出(

丢失)也许使用flex我得到想要的输出，但在这里发生了什么!!

必须使用一些类名，最好直接在li和ul中添加样式使用Flex，你还需要给列表样式。

<html>
<head>
<style>
.list li {
display: inline;
padding: 20px;
}
</style>
</head>
<body>
<ul class="list">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</body>
</html>

将块更改为标签的内联会使列表样式类型<li>隐藏，添加列表样式类型后我看不到：圆圈; 和填充，边距

相关内容

最新更新

热门标签：