文字不能横向居中时,有不同方法调整
可以把行高调整与边框相同的高度
line-height 与 height相等,但是这种方法在不同的浏览器看起来效果不同,不建议使用
比如火狐和谷歌就会产生不同的页面效果
可以加上样式定义
display: flex; justify-content: center; align-items: center; height: 200px;
但是这样写,不同浏览器的字号会发生变化,位置会相对美观,只需要加上字号即可。
文字不能横向居中时,有不同方法调整
可以把行高调整与边框相同的高度
line-height 与 height相等,但是这种方法在不同的浏览器看起来效果不同,不建议使用
比如火狐和谷歌就会产生不同的页面效果
可以加上样式定义
display: flex; justify-content: center; align-items: center; height: 200px;
但是这样写,不同浏览器的字号会发生变化,位置会相对美观,只需要加上字号即可。