关于鼠标的样式,文字域的小
鼠标的样式cursor设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状cursor:default (小白) | pointer小手| move(移动(十字型) | text 文本(竖线)轮廓outline:是绘制于元素周围的一条线,位于边框边缘的外围,可以起到突出元素的作用.outline:outline-color|outline-style |ou...
鼠标的样式cursor
设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状
cursor: default (小白) | pointer 小手| move(移动(十字型) | text 文本(竖线)
轮廓outline:
是绘制于元素周围的一条线,位于边框边缘的外围,可以起到突出元素的作用.
outline:outline-color | outline-style | outline-width
直接写法是:outline:0; 或者是outline:none;
<input type="text" style="outline:0"/>
防止拖拽文本域resize:
resize:none;
vertical-align 垂直居中(不好用)
vertical-align:baseline(基线) | top(顶线) | middle(中线) | bottom(底线)
vertical-align 不影响块级元素中的内容对齐,它针对于行内块元素,特别是行内块元素,通常用来控制图片/表单与文字的对齐
溢出的文字隐藏
white-space
white-space设置或检索对象内文本显示的方式.通常我们使用于显示内容
normal:默认的处理方式
nowrap:强制在同一行内显示所有文本不换行直到文本结束或者遭遇br标签对象
text-overflow 文字溢出
text-overflow:clip | elipsis
设置或者检索 是否使用一个省略标记对象内文本的溢出
clip:不显示省略号(……),而是简单的裁切
elipsis:当对象内文本溢出时显示省略标记(……)
注意
一定要先强制一行内显示,再次和overflow属性搭配使用
缺一不可:
overflow:hidden;
text-overflow:elipsis;
white-space:nowrap;
(/*文字超出部分用省略号显示)
更多推荐
所有评论(0)