Div+CSS 规则整理 提高效率

2020-05-08 08:40:24易采站长站整理


 


二十二、        几个常用到的CSS细节处理上的样式


    1)中文字两端对齐:text-align:justify;text-justify:inter-ideograph;


2)固定宽度汉字截断:overflow:hidden;text-overflow:ellipsis;white-space:nowrap;(不让其换行,不过只能处理文字在一行上的截断,不能处理多行。)(IE5以上)FF不能,它只隐藏。


***万能强制换行:white-space:normal;word-break:break-all;  


 


 


禁止换行:white-space:nowrap


强制换行:word-wrap: break-word; word-break: normal;


.AutoNewline


{


  /*word-break: break-all; 方法一  必须*/


  /*word-wrap:break-word;overflow:hidden; 方法二  */


  /*word-wrap:break-word; word-break: normal;  方法三 */


    word-wrap:break-word; word-break:break-all;


}


 


.NoNewline


{


/*word-break: keep-all;  方法一  必须*/


white-space:nowrap;


}


 


 


3)固定宽度汉字(词)折行:table-layout:fixed; word-break:break-all;(IE5以上)FF不能。


 


4)<acronym title=”输入要提示的文字” style=”cursor:help;”>文字</acronym>用鼠标放在前面的文字上看效果。这个效果在国外的很多网站都可以看到,而国内的少又少。


 


5)图片设为半透明:.halfalpha { background-color:#000000;filter:Alpha(Opacity=50)}在IE6及IE5测试通过,FF未通过,这是因为这个样式是IE私有的东西;


 


6)FLASH透明:选中swf,打开原代码窗口,在</object>前输入<param name=”wmode” value=”transparent”> 以上是针对IE的代码。