CSS white-space: pre-wrap;布局如何让每行文字都缩减2个字符

你可以使用 CSS `text-indent` 属性来实现让每行文字都缩减2个字符的效果。具体做法如下：

1. 给包含文本的元素设置 `white-space: pre-wrap;` 属性，这将允许文本在换行时自动换行，并保留空格和换行符。

2. 设置 `text-indent: -2ch;` 属性，其中 `ch` 表示相对于当前字体大小的字符宽度。将 `text-indent` 设置为负值可以让每一行的文本向左缩进，从而实现让每行文字都缩减2个字符的效果。

示例代码如下：

<div style="white-space: pre-wrap; text-indent: -2ch;">
  这是一段文本，每行都会缩减2个字符。
  这是第二行，同样会缩减2个字符。
  这是第三行，缩减2个字符。
</div>

在上述示例中，文本的每一行都会向左缩进2个字符，从而实现了每行文字都缩减2个字符的效果。

相关问题

.news-bd ul li { height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }中white-space和text-overflow什么意思

white-space 和 text-overflow 都是 CSS 文本属性。

white-space 属性指定如何处理元素中的空格和换行符。nowrap 值表示禁止文本换行，而保持所有文本在一行内。

text-overflow 属性指定当文本溢出包含它的元素时如何显示。ellipsis 值表示使用省略号（...）来代表被省略的文本。

在这个样式规则中，white-space: nowrap; 表示文本不换行，而 text-overflow: ellipsis; 表示超出元素宽度的文本将用省略号表示。这个样式规则的作用是限制了 li 元素的高度和行高，并且限制了文本的显示长度。

<div class="bi-label bi-text f-s-n c-e l-c" style="height: 22px; line-height: 22px; text-align: center; white-space: pre; text-overflow: ellipsis; position: relative;">確定</div>，如何使用css selector精确定位“确定”

如果您想使用 CSS 选择器来定位该元素，可以使用以下选择器：

div.bi-label.bi-text.f-s-n.c-e.l-c

这个选择器的意思是：选择所有 class 属性中包含 "bi-label"、"bi-text"、"f-s-n"、"c-e" 和 "l-c" 的 div 元素。

具体的定位代码如下：

element = driver.find_element_by_css_selector('div.bi-label.bi-text.f-s-n.c-e.l-c')

其中，`driver` 是您使用的浏览器驱动对象，`find_element_by_css_selector` 方法可以通过 CSS 选择器来查找元素，返回的是一个 WebElement 对象，您可以通过该对象来操作这个元素。