巧用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;)就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。
 



分享到:
原文地址:https://www.cnblogs.com/qqflying/p/1276668.html