怎么强制限制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;/*上半句是图片下沉,后面是无边框。

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

相关文章
|
7月前
div盒子垂直居中的3种方法
div盒子垂直居中的3种方法
61 2
|
2月前
|
前端开发 容器
怎么让一个 div 水平垂直居中
要使一个 `div` 元素在页面上水平垂直居中,可以采用 CSS 的 Flexbox 或 Grid 布局方法。使用 Flexbox 时,可在父元素上设置 `display: flex; justify-content: center; align-items: center;`,而子 `div` 将会自动在中心显示。另一种方法是使用 Grid 布局,设置父元素 `display: grid; place-items: center;` 也能达到相同的效果。
让里面的DIV上下左右居中在外面的DIV里
让里面的DIV上下左右居中在外面的DIV里
66 0
|
前端开发
div 居中方法汇总
居中问题无论在工作还是在面试中, 都是很常见的 下面我来给大家总结几种常用的方法, 大家可根据实际情况选择 好了, 废话不多说, 先看下效果 法1 定位+偏移 (margin) html css .
1061 0
div盒子水平垂直居中方法
文章转载自:div盒子水平垂直居中的方法 - 雪明瑶 这个问题比较老,方法比较多,各有优劣,着情使用。 一、盒子没有固定的宽和高 方案1、Transforms 变形 这是最简单的方法,不仅能实现绝对居中同样的效果,也支持联合可变高度方式使用。
1854 0
|
前端开发 容器
DIV垂直居中对齐
效果图: CSS: #container{ display:table-cell; width:300px; height:300px; vertical-align:middle; bo...
998 0

热门文章

最新文章