css+html问题合集(平时问题积累,持续更新)

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

默认自动换行