盒子中的内容怎么超出了外边框-慕课网

首页课程实战体系课手记专栏慕课教程

盒子中的内容怎么超出了外边框

来源：12-13 距离产生美 - 使用margin为盒子设置外边距（边界）

HJTxyr

2015-10-28 19:53

为什么设置了文本宽度和高度 width:300px; height:300px; 但是文字写多了，还是会出边框，不会自动换行！不是这样就固定了文本能书写的框框吗

写回答关注

5回答

烜烜

2016-01-13 21:10:52

word-break:break-all;

0 0
Zfang

2015-11-18 11:52:48

用 word-wrap:break-word 要好些吧

0 0
echo_kinchao

2015-10-29 14:09:14

你设置word-break:break-all; 就好了

0 0
逆光之羽

2015-10-29 13:15:26
你是用的单个字符测试的?ffffffffffffffffffffff这样？单个字符不会换行是浏览器的固有BUG
```
div{
    width:300px;
    height:300px;
    border:1px solid red;
    word-break:break-all;
}
```
你在div的样式里添个word-break:break-all;就好了
0 1
漠北哥哥

2015-10-28 20:14:29

你是直接在div标签里面写的文字是吧，一般都是在span或者p或者其他的标签里写的

0 0

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225807 学习 · 18234 问题

相似问题

怎么让边框随盒子内容多少变化

回答 3

内容太多会超出盒子？

回答 2

这里设置div的width:100px height:100px是盒子整体(内容+内外边距+边框)？

回答 7

为什么内容会溢出盒子外面？

回答 4

给一个盒子定了宽高,为什么里面的内容还是会超出框？

回答 5

打开慕课网App查看更多内容