一、text-align-last 段落最后一行设置对齐方式
text-align-last 属性规定如何对齐文本的最后一行。
注意:text-align-last 属性只有在 text-align 属性设置为 "justify" 时才起作用。
遇到问题:只有一行div时,设置div宽度 80px,设置两端对齐 text-align: justify; 文字不生效。加上 text-align-last 就行了。
.m-label{
width: 55px;
min-width: 55px;
margin-right: 10px;
text-align-last: justify;
text-align: justify;
}
二、transform:rotateY()翻转
1、问题背景:
rotate(angle) 定义 2D 旋转,在参数中规定角度。但是这个角度针对的基准点,容易引起问题,比如把一个元素翻转 180deg 的话,会有一点错位。
2、解决方案:
rotateX(angle) 定义沿着 X 轴的 3D 旋转。rotateY(angle) 定义沿着 Y 轴的 3D 旋转。
以一个轴为基准线进行翻转,就不会产生一点错位的问题。