html - CSS 无序列表样式

标签 html css

是否可以设置无序列表的样式,以便第二行及其后的行缩进与列表项的第一行相同?

请参阅示例以了解我的意思

O----First Line
     --SECOND LINE SHOULD START HERE
     --EVERY OTHER LINE SHOULD BE LIKE THIS ALSO

最佳答案

为了补充我的评论,这里有一个 jsfiddle 演示了我提到的内容。 http://jsfiddle.net/R5ptL/

<ul>
   <li>Parent</li>
   <ul>
       <li>Child1</li>
       <li>Child2</li>
       <li>Child3</li>
   </ul>
   <li>Parent2</li>
</ul>

如果您希望它们具有相同的风格......

ul, li {
    list-style-type: circle; /* or whatever style you choose */
}

编辑:如何仅使用多个无序列表和 CSS 来执行此操作:http://jsfiddle.net/R5ptL/1/

关于html - CSS 无序列表样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25066178/

相关文章:

jquery - 悬停在 child 身上时如何禁用 parent 悬停

HTML 在下拉列表中显示 5 个元素

html - 带圆 Angular 背景图片的div中的透明div

html - 垂直和水平居中一个 div 在另一个里面

javascript - 如何在给定专辑的情况下生成 Bandcamp 播放器嵌入代码?

html - 让伪元素继承父元素的背景颜色

html - 如何让页脚留在底部?

c# - 在 .NET/C# 中解析 "multipart/form-data"

html - 定位多个图像的中间

html - 如何在屏幕尺寸变小时更改元素的高度?