css3盒子里加字加不

CSS3是一个强大的前端技术，其中的盒子模型是网页布局中必不可少的一部分。然而，有时候我们在盒子里面加入文字时会遇到字加不上的问题。这是因为盒子的宽度不够，导致文字换行了。下面我们就来谈谈如何解决这个问题。

.box {
  width: 200px;
  height: 100px;
  border: 1px solid black;
}

/*字加不上的情况*/
.box p {
  font-size: 20px;
}

上面的代码展示了一个盒子，当我们在p标签里设置了字体大小时，发现文字超出了盒子，导致最后一行显示不完整。

解决这个问题的方法有两种：

1. 调整盒子的宽度

.box {
  width: 250px;
  height: 100px;
  border: 1px solid black;
}

.box p {
  font-size: 20px;
}

通过增加盒子的宽度，可以让文字正常显示。

2. 使用CSS3的断词功能

.box {
  width: 200px;
  height: 100px;
  border: 1px solid black;
  word-break: break-all;
}

.box p {
  font-size: 20px;
}

在盒子的样式中添加"word-break: break-all;"，可以让CSS3对文字进行自动断词，使得文字可以正常显示。

总之，在开发网页时，我们需要经常处理盒子里面加字加不上的问题，以上两种方法都可以解决这个问题，根据实际情况选用即可。