博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
怎么强制限制div宽度
阅读量:5989 次
发布时间:2019-06-20

本文共 614 字,大约阅读时间需要 2 分钟。

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

转载地址:http://eyjlx.baihongyu.com/

你可能感兴趣的文章
linux网卡的详细配置
查看>>
sbc(六) Zuul GateWay 网关应用
查看>>
HBase Config File
查看>>
Circle Queue in C
查看>>
LVS环境搭建
查看>>
vmware安装ubuntu1404后鼠标左键无法使用的解决方法
查看>>
[转]Nuget Tool
查看>>
个人介绍(来者必看)
查看>>
一段简易的判断手机屏幕横屏竖屏的JS代码
查看>>
新闻报道翻译研讨20091128 饱受战争冲突之苦的国家腐败根深蒂固Corruption Digs Deepest in Countries in Conflict...
查看>>
Redis的集群安装以及rehash重新迁移教程指南
查看>>
软件公司创业秘籍
查看>>
教您用最简单的方法设置电脑自动关机
查看>>
__getattr__,settr
查看>>
curl返回值详解
查看>>
Java printf用法
查看>>
斯坦福NLP笔记45 —— Sequence Models for Named Entity Rec
查看>>
发布Maven构件到中央仓库
查看>>
colorbox插件取消键
查看>>
JACK——TeamsManual5 Team Belief Connections
查看>>