gpt4 book ai didi

html - 使用 list-style-type :none 删除
    中的水平间距

转载 作者:技术小花猫 更新时间:2023-10-29 12:03:05 27 4
gpt4 key购买 nike

关于 http://www.w3schools.com/cssref/playit.asp?filename=playcss_ol_list-style-type&preval=none ,为不同的 list-style-type 提供了一个很好的概述值(value)观。

但是,对于值 none , 它仍然为空列表符号保留一些水平空间。有没有办法删除这个水平间距,以便文本实际上向左移动,就好像它不是列表一样?我想使用 text-align:center在列表项上,这种水平间距使它们没有真正居中。我需要使用 <ul>因为 CMS 以这种方式带来了它。

基本上,默认情况下list-style-type:nonevisibility:hidden在子弹上,而我想实现display:none而不是在子弹上。执行此操作的正确方法是什么?

最佳答案

添加该空间的是浏览器默认样式,只需使用 CSS 重置重置所有浏览器默认样式。大多数 block 元素都有一些默认的边距/填充 .. 即使是 <body>默认情况下,元素有 8px 的边距。

这是 Eric Meyer 重置的链接:http://meyerweb.com/eric/tools/css/reset/

只是为了自己看看,添加:

ol {
margin: 0;
padding: 0;
}
/* This would be declared in the above reset */

关于html - 使用 list-style-type :none 删除 <ul> 中的水平间距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15126789/

27 4 0
文章推荐: javascript - HTML/JavaScript : Simple form validation on submit
文章推荐: linux - Bash oneliner 重命名文件名
文章推荐: html - 如何链接到另一个页面上的
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com