DEV Community
·
为什么我的网页浏览器中的项目符号列表看起来很奇怪？
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
在编辑食谱项目时，发现居中对齐的项目符号列表符号与文本间距过大。尝试了三种格式，最终选择了去掉ul和li元素，使用段落格式，使外观更简洁。
🎯
关键要点
- 在编辑食谱项目时，发现居中对齐的项目符号列表符号与文本间距过大。
- 尝试了三种格式来解决这个问题。
- 第一种方法是使用默认的列表格式，使用ul和li元素。
- 第二种方法是去掉ul元素，保留li元素，li元素仍然被视为列表项。
- 第三种方法是同时去掉ul和li元素，将文本结构化为段落元素。
- 最终选择了第三种方法，因为它看起来更整洁。
- 下一步是寻找不同的CSS格式化项目符号列表的方法。
❓
延伸问答
为什么我的项目符号列表看起来很奇怪？
因为默认情况下，项目符号是左对齐的，而文本是居中对齐的，导致它们之间的间距过大。
我尝试了哪些方法来解决项目符号列表的问题？
我尝试了三种方法：使用默认列表格式、去掉ul元素、去掉ul和li元素。
去掉ul和li元素后，项目符号列表的外观如何？
去掉ul和li元素后，文本被结构化为段落元素，外观更简洁，没有项目符号。
最终选择了哪种格式来展示项目符号列表？
最终选择了去掉ul和li元素的格式，因为它看起来更整洁。
在编辑食谱项目时遇到的主要问题是什么？
主要问题是居中对齐的项目符号列表符号与文本之间的间距过大。
下一步我应该做什么来改善项目符号列表？
下一步是寻找不同的CSS格式化项目符号列表的方法。
➡️
