UC知道求助：css 控制盒子宽度。
来源：百度知道 编辑：UC知道 时间：2024/06/22 14:06:39
声名一个ID选择器body,
#body{
width:260px;
float:right;
margin:auto;
background:#4169E1;
}
请问，我已经设置了body的宽度260px，但是当往body中输入文字时，
到达body最右边不是自动换行，而是继续向右对body进行拓宽输入，
这样设定的“width:260px”固定宽度不是就不起作用了吗 ？
请高手指点这是怎嚒回事， 怎样才能设定多宽，就固定是多宽，
输入不下可以自动换行的。 谢谢！
不要也不管用咯，输入的文字还是会超出设定的宽度~！！
哪位知道怎么解决呀 ？ 谢.....
#body{
width:260px;
float:right;
margin:auto;
background:#4169E1;
}
请问，我已经设置了body的宽度260px，但是当往body中输入文字时，
到达body最右边不是自动换行，而是继续向右对body进行拓宽输入，
这样设定的“width:260px”固定宽度不是就不起作用了吗 ？
请高手指点这是怎嚒回事， 怎样才能设定多宽，就固定是多宽，
输入不下可以自动换行的。 谢谢！
不要也不管用咯，输入的文字还是会超出设定的宽度~！！
哪位知道怎么解决呀 ？ 谢.....
对于连续的英文浏览器会视为一个单词,而不会从中间截断(中文可以),可以使用 word-break:break-all 强制浏览器换行.但在火狐中 word-break:break-all 无效,面对长英文单词的办法就是隐藏超出的部分,或者留出足够的空白边,毕竟在一般情况下一个单词不会超过10个字母.
另外,body表示整个页面,所以直接对body应用样式不是一个很好的选择(对body使用float更不可取).建议把所有的内容放到一个<div>内,对这个<div>使用样式.
注意！！！！！！
#body
#不要
输入连续的不含空格的英文，会撑出边界。
中文下一般没有这样的问题。
你可以试着这样：
设定盒子宽度，然后加一句：word-break:break-all;
目前解决方法就这一个，但是火狐下连续的英文还是不行，
然后你可以加一句:overflow:hidden;隐藏掉超出的部分。。
加上：word-break:break-all