怎么設定div 使他只能在限定寬度內顯示，如果超出寬度而不顯示。

比如說這個

http://www.zbhome.cn/edu/tx/qq/kj/2006-11-13/200.html

圖片超出寬度了，使得左邊的變大 而使整個布局亂掉了

1、在css中加入一句

img { max-width: 450px;width:expression(this.width > 450 ? "450px":this.width);? /*如果圖片大小超過450則自動按比例縮小到450*/ vertical-align:bottom;border:none;/*上半句是圖片下沉，后面是無邊框。常用*/ }

2、在文章內容的框架<td>里，或div里。加入

style="word-break:break-all;word-wrap:break-word;"

例如

<div style="word-break:break-all;word-wrap:break-word;">內容</div>

說明

css地址，在任何頁面的頭部找到

<link href="images/style.css" rel="stylesheet" type="text/css" />

images/style.css是css地址

/*這里面的文章是說明可以刪除*/

第2個是為了防止英文過長導致撐破表格，因為 英文有不間斷性。如果是連續的英文字母他不會換行的。

轉載于:https://www.cnblogs.com/puzi0315/archive/2012/08/28/2660915.html

總結

以上是生活随笔為你收集整理的怎么强制限制div宽度的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。