锦瑟年华

考核总结

2023-07-31  本文已影响0人  三月李壮

考核当中也问到了许多平时遇到的问题,但是平时没把这些属性放在心上,认为这些用的少,但是学长学姐解释后才让我发现每一个属性都有存在的意义,

input输入框内容只读:

readonly:只针对input(text / password)和textarea有效;如果设为true,用户只是不能编辑对应的文本,但是仍然可以聚焦焦点,并且在提交表单的时候,该输入项会作为form的一项提交。

disabled:对于所有的表单元素都有效,包括select, radio, checkbox, button等。如果一个输入项的disabled设为true,则该表单输入项不能获取焦点,用户的所有操作(鼠标点击和键盘输入等)对该输入项都无效,最重要的一点是当提交表单时,这个表单输入项将不会被提交。

设置文本域不可拉伸:

文本域拉伸会影响下面盒子的布局。

style {resize: none;}

改变鼠标的样式:

鼠标样式:cursor    设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 

属性值:

default:小白 默认

pointer: 小手

move:移动

text:文本

not-allowed:禁止

文本溢出情况:(用省略号代替)

强制不换行:p { white-space:nowrap; }

自动换行:p { word-wrap:break-word; }

强制英文单词断行:p { word-break:break-all; }

注意:设置强制将英文单词断行,需要将行内元素设置为块级元素。

超出时显示省略号:

p{

    text-overflow:ellipsis;

    overflow:hidden;

}

例子:

结果:

盒子居中:

 移动到父盒子的中心:(父子的中心对齐了) 

上一篇 下一篇

猜你喜欢

热点阅读