日常常用css样式大全,超出隐藏,不换行,省略号,两行超出隐藏,不换行,省略号,CSS中划线(删除线)样式代码 (价格),a超链接下划线,css 3个4个5个字两边对齐,鼠标手形状,垂直...
小程序的横向滚动生效需要具备以下条件
1.scroll-view 中的需要滑动的元素不可以用 float 浮动;
2.scroll-view 中的包裹需要滑动的元素的大盒子用 display:flex; 是没有作用的;
3.scroll-view 中的需要滑动的元素要用 dislay:inline-block; 进行元素的横向编排;
4.包裹 scroll-view 的大盒子有明确的宽和加上样式-->
overflow:hidden;white-space:nowrap;
文字去掉默认抛边
line-height:1;
超出隐藏,不换行,省略号
overflow:hidden; //超出的文本隐藏
text-overflow:ellipsis; //溢出用省略号显示
white-space:nowrap; //溢出不换行
两行超出隐藏,不换行,省略号
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
CSS中划线(删除线)样式代码 (价格)
text-decoration:line-through;
a超链接
text-decoration: underline; /*加下划线*/
text-decoration:none; /*删除下划线*/
a链接伪元素
a:link /未访问的链接/
a:visited /访问过的链接/
a:hover /鼠标经过时/
a:active /在鼠标点击的同时/
css 3个4个5个字两边对齐
text-align-last: justify;
text-align: justify;
text-justify:distribute-all-lines;
边框样式border
none //无边框
dotted //边框为点线
dashed //边框为长短线
solid //边框为实线
double //边框为双线
鼠标手形状
cursor:hand;
垂直对齐
vertical-align //参数
top //顶对齐
bottom //底对齐
text-top //相对文本顶对齐
text-bottom //相对文本底对齐
baseline //基准线对齐
middle //中心对齐
sub //以下标的形式显示
super //以上标的形式显示
css文本缩进
text-indent // 缩进距离
12px相当于一个文字距离
字体样式
font-family : 宋体,sans-serif; /文字字体/
font-style: itelic; /文字斜体/
letter-spacing : 1pt; /字间距离/
列表样式
list-style-type //样式
circle // 标记是空心圆
square // 标记是实心方块
decimal //标记是数字
lower-roman //小写罗马数字
upper-roman // 大写罗马数字