点滴记忆

最新推荐文章于 2015-05-12 16:04:38 发布

R芮R

最新推荐文章于 2015-05-12 16:04:38 发布

阅读量67

点赞数

原文链接：http://www.cnblogs.com/ddtu/archive/2011/12/01/2270829.html

版权

resize ： none | both | inherit

none：不能操纵机制调节元素的尺寸。

both：可以调节元素的宽度和高度。

inherit：默认继承。

说明：使元素的区域可缩放，调节元素尺寸大小。适用于任意获得"overflow"条件的容器。

textarea 有用到

textarea{ width:xxpx; height:xxpx; overflow:auto; reaize:none;}

加overflow:auto; 对于ie 开始不会出现滚动条灰白色，内容多时会出现滚动条，对于火狐一切正常但是火狐中框可以自由拖大小，让人不爽，在DW里写入样式 reaize:none;是没有提示的，加入后火狐里的textarea框就不能调整大小了。

之前是这样写的

textarea{ width:575px; height:85px; padding:2px 2px 2px 1px; border:0; margin-top:2px; font-size:12px; overflow:inherit; overflow:hidden\9; float:left; } 因为有固定背景所以外边加了div，出现的效果不是很好，在ie下其它还好只是内容多时没有滚动条，鼠标选中后可以向上看上边的内容，而火狐中却会出现滚动条，同时可以拖动调大小，无奈啊。在看别人的页面时发现的，然后查了下，感觉不错，就记到这里了，嘿嘿

**********

可以使文字和图片在鼠标经过时同时有下划线

可用背景图做下划线或border-bottom:solid 1px #ccc;也可以

例：

这种遇到的可能性少，一般字和图很少加下划线，但是加起来也很是麻烦，感觉模拟a标签下划线这种方法还是不错的，可以使文字和图片在鼠标经过时同时有下划线。

**********

如何去除点击链接后的虚线框
a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }

<a href="#none" οnfοcus=this.blur()>中οnfοcus=this.blur()
onfocus是获得焦点事件
blur是移除焦点，换句话说，就是不让这个连接获得焦点
οnfοcus=this.blur()是当该对像获和焦点时就让它失去焦点
去A标签虚线框οnfοcus="this.blur()"

**********

1. word-break:break-all;只对英文起作用，以字母作为换行依据
2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据
3. white-space:pre-wrap; 只对中文起作用，强制换行
4. white-space:nowrap; 强制不换行，都起作用
5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行，超出部分隐藏且以省略号形式出现

转载于:https://www.cnblogs.com/ddtu/archive/2011/12/01/2270829.html

R芮R

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
点滴记忆

resize 版本：CSS3 resize ： none | both | inheritnone：不能操纵机制调节元素的尺寸。both：可以调节元素的宽度和高度。inherit：默认继承。说明：使元素的区域可缩放，调节元素尺寸大小。适用于任意获得"overflow"条件的容器。textarea 有用到textarea{ width:...
复制链接

扫一扫