ul { list-style: none; /* 去掉默认的小黑点 */ } li { display: block; /* 将li元素显示为块级元素,即一列排列 */ } /* 可选:添加一些样式 */ li { padding: 10px; border-bottom: 1px solid #ccc; }以上代码中,我们先将ul元素的默认小黑点去掉(当然这不是本文的重点),然后将li元素的display属性改为block。这样,所有li元素就会一个接一个地在竖直方向上排列,形成一列展示。 当然,在实际应用中,你可能需要对选项的样式进行一定的调整,以适应整个页面的风格和布局。例如,你可能需要为li元素添加一些内边距(padding)和边框(border),以区分不同的选项。 总之,通过使用CSS,我们可以轻松地将原本放在一行中的li元素展现成一列,从而为用户提供更好的浏览体验。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。