怎么强制限制div宽度

怎么设定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个是为了防止英文过长导致撑破表格,因为 英文有不间断性。如果是连续的英文字母他不会换行的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值