亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

求問大神,如何讓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
提交
取消
網頁布局基礎
  • 參與學習       214663    人
  • 解答問題       1833    個

讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識

進入課程

求問大神,如何讓right塊 的文字自動換行呢?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號