具有溢出的醇的保留数

问题描述 投票:0回答:1

如果我在有序列表中使用overflow:hidden,数字将消失,如何保留它们并同时隐藏溢出的字符?

li {
  overflow:hidden;
  max-width:70ch
}
<ol>
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
  <li>Suspendisse venenatis arcu vitae tempor feugiat.</li>
  <li>Aenean pellentesque orci eu ligula venenatis sodales.</li>
  <li>Praesent sed quam et turpis accumsan luctus.</li>
  <li>Nullam sodales nisl eu ultricies convallis</li>
<ol>
html css html-lists
1个回答
1
投票

添加此规则:

ol { list-style-position: inside; }
© www.soinside.com 2019 - 2024. All rights reserved.