平常开发有些要用到的样式总是不记得,还得百度,现在记在博客方便记忆
修改input中的placeholder的属性
input::-webkit-input-placeholder { /* placeholder颜色 */ color: #fff; /* placeholder字体大小 */ font-size: 14px; }
单行文本
overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行
多行文本,2表示行数,可变通使用其他行数
overflow: hidden; text-overflow: ellipsis; display:-webkit-box; //作为弹性伸缩盒子模型显示。 -webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列 -webkit-line-clamp:2; //显示的行
小程序多行文本超出显示省略号
display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
常用鼠标小手指
1)、div{ cursor:default }默认正常鼠标指针 2)、div{ cursor:hand }和div{ cursor:text } 文本选择效果 3)、div{ cursor:move } 移动选择效果 4)、div{ cursor:pointer } 手指形状 链接选择效果 5)、div{ cursor:url(url图片地址) }设置对象为图片
日后持续更新中.....
FC6252