CSS Tips

CSS强制TD不换行

1、给<table>加上style="table-layout:fixed"；　

2、给<td>加上style="width:100px;text-overflow:ellipsis; word-break:keep-all; overflow:hidden;"

 

input与文字对齐

<div class="style1" 
        style="vertical-align:middle;">
    <span class="style2"
        style="vertical-align:bottom; ">
        <input class="style3" value=" " type="button" 
            style="vertical-align:middle;" /> 
        <a href="#">测试</a>
    </span>
</div>

 

禁止剪切、复制、粘贴的文本框

<input type="text" id="username" name="username" value="user001" 
    onpaste="return false" oncontextmenu="return false"    
    oncopy="return false" oncut="return false">

 

特殊字符

      ^\~\!\@\#\$\%\*\(\)\_\+\-\=\！\￥\…\(\)\&\^

 

IE6 iframe 横向滚动条问题

<iframe src="#" scrolling="yes" style="overflow:visible;"> </iframe>