一些前端样式的使用技巧

2019独角兽企业重金招聘Python工程师标准>>>

一、div中的文字内容，如何垂直居中

        单行文字，使用line-height设置，例如
            .div-text{

                text-align: center;  // 水平居中

                line-height: 100px;  // 垂直居中

            }

            使用line-height的坏处是什么，当内容换行时，行间距很大。看起来内容不紧凑。

        多行文字，使用padding来设置，例如：

            .div-text{

                text-align: center;  // 水平居中

                padding: 25px;  // 与div容器保持一定边距

            }

            这样子，多行文字内容显示时，内容之间没有行高的间隔，也能保持内容在div中是垂直居中的。

            

            多行文字内容如何换行？我在内容中，加入<br/>标签，然后使用$().html(text);来填充的，可以显示换行。

      

转载于:https://my.oschina.net/xiaoyoung/blog/897273