CSS Tips

最新推荐文章于 2025-07-29 16:19:14 发布

原创最新推荐文章于 2025-07-29 16:19:14 发布 · 125 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#CSS

RIA / JS / Flex 专栏收录该内容

15 篇文章

订阅专栏

本文汇总了多项CSS技巧，包括如何让表格单元格内的内容不换行、实现文本与输入框的垂直对齐、禁止文本框的复制粘贴操作、解决IE6下iframe的横向滚动条问题等。

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 横向滚动条问题