TurtleOrange的博客

【代码】element常用修改默认样式。

CSS 通用样式总结1. CSS中英文样式换行p { /* 两边对齐 */ text-align: justify; /* normal-默认 break-all-允许在单词内换行 keep-all在半角空格或连字符处换行 */ word-break: normal; /* normal-允许内容顶开或溢出指定的容器边界 break-word内容再边界内换行 */ overflow-wrap: break-word; /* CSS3中将 word-wrap 改名为 over

flex布局自动换行并解决最后一行对齐实现效果：html代码（父级容器里面有5个子级盒子）css实现对齐效果：.flex-wrp { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 16rpx; box-sizing: border-box;}/* 实现最后一行对齐 */.flex-wrp:after{ content: ""; width: 180rpx;

css文字超过n行显示省略号（万金油样式）.overflowText { overflow: hidden; text-overflow:ellipsis; // white-space: nowrap; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; // n行}

flex布局兼容性写法1.设置flex容器display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ di

CSS可以继承的样式属性不可继承的：display、margin、border、padding、background、height（min-height、max-height）、width（min-width、max-width）、overflow、position、left、right、top、bottom、z-index、float、clear、vertical-align、（table-layout、page-break-after、page-bread-before、unicode-bidi）

自定义单选和多选的radio和checkbox实现先看效果如图↓单选：123多选：12代码1//单选时的html代码<div class="Seleted"> <label class="border-bottom"> <input name="Select1" type="radio" hidde...