zoukankan      html  css  js  c++  java
  • 巧用CSS进行全局控制

         一、我们做WEB程序开发过程中,经常会为了Table中的cellSpacing,cellpadding等样式的设置发愁,经常没有办法可想了,就会直接在Table中设置cellSpacing,cellpadding了,这样以后要改页面风格时,或做多主题风格时,就会发现改起来是多么的痛苦了。

         解决的办法:

         1.在css中加上Table{ jerry:expression(cellSpacing="1");}

         2.Table的CellSpacing,CellPadding是定义的“单元格”间的样式,所以应该是定义在TD标签上的。CellSpacing对应TD的magin,CellPadding对应TD的     padding。 

         TABLE TR TD 
         { 
              magin:0px; 
              padding:0px; 
         }

         第一种方法不太好,因为浏览器对expression的解析会慢些,有些浏览器也不支持expression表达式。所以建议使用第二种方法。

         

         压缩图片:img { max- 500px; expression(this.width > 500 ? "500px" : this.width);}


         用表格做网页排版的时候,一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象:( 
         总结了一下,只要在CSS中定义了如下句子,可保网页不会再被撑开了。 
         table{table-layout: fixed;} 
         td(word-break: break-all; word-wrap:break-word;) 
         注释一下: 
         1.第一条table{table-layout: fixed;},此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。 
         2.td{word-break: break-all},一般用这句这OK了,但在有些特殊情况下还是会撑开,
         因此需要再加上后面一句(word-wrap:break-word;)就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。
     



    分享到:
  • 相关阅读:
    JS 页面生成锚点
    JavaScript AMD模块化规范
    Canvas文字的渲染基础 Better
    Canvas曲线绘制 Better
    clickhouse配置登录密码
    git pull 拉取报错:fatal: refusing to merge unrelated histories
    JAVA根据A星算法规划起点到终点二维坐标的最短路径
    JAVA使用netty建立websocket连接
    CSS设置文字超出部分自动换行
    SpringBoot(SpringMVC)使用addViewControllers设置统一请求URL重定向(映射、转发)配置
  • 原文地址:https://www.cnblogs.com/qqflying/p/1276668.html
Copyright © 2011-2022 走看看