文本溢出创建水平滚动条

问题描述 投票:0回答:1
html css bootstrap-5
1个回答
-1
投票

container-fluid 类旨在创建一个跨越视口整个宽度的全宽容器,当文本未正确换行时,这可能会导致水平滚动条。

尝试添加以下内容,看看是否可以解决您的问题。

您可以使用自动换行或断字属性,如下所示:

.title12 {
  word-wrap: break-word; /* Allows long words to be broken and wrap onto the next line */
  word-break: break-all; /* Ensures text breaks within words to prevent overflow */
}

还添加溢出包装

.title12 {
  overflow-wrap: break-word; /* Ensures text wraps to the next line to prevent overflow */
}

希望这对你有帮助,我的朋友:)

© www.soinside.com 2019 - 2024. All rights reserved.