zoukankan      html  css  js  c++  java
  • 怎么强制限制div宽度

    怎么设定div 使他只能在限定宽度内显示,如果超出宽度而不显示。

    比如说这个

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

    图片超出宽度了,使得左边的变大 而使整个布局乱掉了

    1、在css中加入一句


    img {
    max- 450px;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://www.zyiz.net/

  • 相关阅读:
    面向对象(Object Oriented)
    文件操作
    函数
    dict--字典
    list--列表
    Ubuntu_18.04安装网易云音乐
    初识数据类型
    css控制内容显示,自动加"..."
    css固定元素位置(fixed)
    解决IE下iframe默认有白色背景的bug
  • 原文地址:https://www.cnblogs.com/puzi0315/p/2660915.html
Copyright © 2011-2022 走看看