html效果总结记录

自动换行：style="word-break:break-all"

------------------------------------------------------------------------------------------------------

改变布局或者显示文字，在html中插入如下类似代码：

          <script language="javascript">
              if(0 == i%column)
              {
                  document.write('<tr width="100%"><td>&nbsp;</td></tr><tr>');
              }

          </script>

------------------------------------------------------------------------------------------------------

Gray 滤镜;＜img src="pic1.jpg" style="filter:gray" width="180" height="120"＞

Invert 滤镜(属性全部翻转，包括色彩、饱和度、和亮度值)
＜img src="pic1.jpg" style="filter:invert" width="180" height="120"＞

Xray 滤镜,可以让对象反映出它的轮廓并把这些轮廓加亮，类似于所谓的“X”光片
＜img src="pic1.jpg" style="filter:xray" width="180" height="120"＞

js中实现滤镜效果：

img.style.filter = "gray";