css常见问题1——解决css中数字和英文不换行的问题

耶啵奶膘

已于 2022-04-26 16:54:47 修改

阅读量4.8k

点赞数 2

分类专栏： CSS 文章标签： css html 前端

于 2022-04-26 14:43:34 首次发布

本文链接：https://blog.csdn.net/xulihua_75/article/details/124427093

版权

CSS 专栏收录该内容

38 篇文章 2 订阅

订阅专栏

一、问题

1.问题描述

如果说文本是中文的话自动换行，不过当我们把文本换成数字或者字母就不会换行。

2.问题展示

二、解决办法

1.原代码如下：

ul li {
	background-color: #4CB02A;
    width: 400px;
    color: #fff;
    padding: 5px 30px 5px 5px;
    box-sizing: border-box;
    list-style-position: inside;
    margin-bottom: 10px;
    font-size: 12px;
    position: relative;
}

2.现代码如下：

ul li {
	background-color: #4CB02A;
    width: 400px;
    color: #fff;
    padding: 5px 30px 5px 5px;
    box-sizing: border-box;
    list-style-position: inside;
    margin-bottom: 10px;
    font-size: 12px;
    position: relative;
    word-break: break-all;
}

整体添加了一个：