Html有序列表ol,在数字和文本之间添加空格
发布时间:2020-12-14 19:44:26 所属栏目:资源 来源:网络整理
导读:我想在有序列表和文本的数量之间添加空格 例如: 1. Hello. 2. Test. “1”之间的空格并且“Hello”需要增加. 注意:我正在使用以下风格,因为我不想要.从最左边开始 ol { word-break: break-all; } li { list-style-position: inside; padding: 0; } 我想要
我想在有序列表和文本的数量之间添加空格
例如: 1. Hello. 2. Test. “1”之间的空格并且“Hello”需要增加. 注意:我正在使用以下风格,因为我不想要.从最左边开始 ol { word-break: break-all; } li { list-style-position: inside; padding: 0; } 我想要完全像下面的图像,我能够获得除列表和文本编号之间的空间(在图像中标记) 解决方法
请注意,您的代码中有.li而不是li
ol { word-break: break-all; margin: 0; padding: 0; } ol ol { margin-left: 2em; } li { list-style-position: inside; padding: 0; } li::before { content: ""; width: 20px; display: inline-block; } <ol> <li>Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello.</li> <li>Test.</li> <ol> <li>Hello.Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello.</li> <li>Test.</li> </ol> </ol> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |