CSS断字:break-all;不适用于HTML< pre>标记?[重复]

wydwbb8l  于 2023-05-02  发布在  其他
关注(0)|答案(2)|浏览(123)

此问题已在此处有答案

How do I wrap text in a pre tag?(16个答案)
2天前关闭。
我使用pre元素使我的文本在我键入时显示。但文本溢出超过容器。所以,我想使用CSS的word-break属性来 Package 文本,但它不起作用。

pre {
  border: 3px solid blue;
  word-wrap: break-word;
}
<pre>

• DEPOSIT

• WITHDRAW

• TRANSFER

• AIRTIME TOP UP

• DATA RECHARGE

• ACCOUNT OPENING:

OPAY, PALMPAY, KUDA, MONIEPOINT,VPAY, etc.

• STARTIMES SUBSCRIPTION

• GOTV SUBSCRIPTION

• DSTV SUBSCRIPTION

• ELECTRICITY BILLS (EEDC)

• BET FUNDING:

Bet9ja, BETKING, BETWAY, SPORTY BET, 1X BET, etc.

            </pre>

为什么样式没有显示效果,有没有一种方法可以为标签 Package 文本?

laik7k3q

laik7k3q1#

标签中的文本默认情况下不会换行,但您可以尝试:
pre {white-space: pre-wrap;}

tyg4sfes

tyg4sfes2#

我想这就是你想要的
CSS:

pre {
    border: 3px solid blue;
    overflow: auto;
    word-break: break-all;
}

相关问题