为了账号安全,请及时绑定邮箱和手机立即绑定

求问大神,如何让right块 的文字自动换行呢?

57f1750b000182b004830215.jpg

57f1750f00015fa505000265.jpg

用网页预览后,文字会 超出....这是咋回事呢.?

正在回答

5 回答

给right设置宽度,自然就把文字换行下来了。但是如果你出入的是英文,比如说超长的英文单词,这时单词超出边界,可以设置word-break:break-all

0 回复 有任何疑惑可以回复我~

一连串的数字或者一连串的英文浏览器是无法换行的 你输入正常的词进去试试

0 回复 有任何疑惑可以回复我~

你的 mainbody 宽度没有设置,你可以通过chrome浏览器,按F12进行查看页面盒模型大小,你会发现你的超出的文字把mainbody撑大了,需要设置固定的宽度。

0 回复 有任何疑惑可以回复我~

你可以看看我的这个,不知道是否正确,我把mainbody设置为relative,然后right为absolute,根据mainbody进行定位。

*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#header{border:1px solid red;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px;border:1px solid red;}
#mid{margin-left:123px;width:650px;border:1px solid red;margin-top:10px;}
#right{border:1px solid red;float:right;position:absolute;right:0;top:0;margin-left:790px;}


0 回复 有任何疑惑可以回复我~

(首先我也是菜鸟,我试着解释一下,不对不要骂我。。。)因为这个div是绝对定位的,而你写的那行文字肯定跟这个div不在一个层里面,我记得以前讲过relative和absolute对文字的影响,relative是里面文字跟着一起动的,absolute是不一起动的。。你可以敲两行试一下。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214707    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

求问大神,如何让right块 的文字自动换行呢?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信