css小技巧（未完待续。。。。）

css小技巧

1、在定位模式下，使用right覆盖原有的left属性，需将left设置为auto，再设置right即可

2、在做前端页面结构时必须要考虑不同分辨率显示问题，最好是以一个不变的div为父级进行定位这样会比较好调整

3、强制一行显示并显示…

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

解决一排数字和英文不会折行显示的问题：word-wrap:break-word

4、关于选择器
*:not(.disabled)：选择class不是disable的元素

5、v-html对于↵转义的问题
1、用pre标签展示

<pre  v-html> </pre>

​ 2、浏览器处理换行的时候，会进行自动合并，可以使用css设置
​ white-space: pre， 禁用自动合并
​ 3、可以使用正则表达式来替换

consentText.replace(/\n/g, '<br>')

6、关于图片和文字在一行垂直居中
需要给图片和文字的父级设置vertical-align：middle