关于鼠标的样式,文字域的小

鼠标的样式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;
(/*文字超出部分用省略号显示)

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值