版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_31340657/article/details/79531284
1.居中问题
a.文字居中
原理说明:水平居中text-align,数值居中没有提供方法,是把文字的行号设置的跟div的高度相同,用投机方式实现的,如果文字是多行,那就不管用了
div {
width: 100px;
height: 100px;
background-color: red;
text-align: center;
line-height: 100px;
}
b.里面的div等元素居中
找了很多方法,觉得最方便好用的是下面方法,不过兼容性如何没有验证,官方说明ie要求10以上
外层div:display: flex;align-items: center;
内层div自行设置宽高
2.文字自动折行
a.div等中
word-break: break-all;
word-wrap: break-word;
b.textarea
默认自动换行