鍍金池/ 問答/HTML/ element ui 表單水平垂直居中顯示

element ui 表單水平垂直居中顯示

在做項目時有一個表單需要在頁面居中顯示，可是我設(shè)置了margin:0 auto不好使，加了寬度也不好使，text-align:center也不管用，vertical-align: middle也不管用，請問還有其它辦法嗎（我是在表單外面包裹了一個div標(biāo)簽然后設(shè)置了class，對這個class設(shè)置了居中效果但是沒有反應(yīng)）

回答
編輯回答
涼心人

1.得先看css是對哪個dom節(jié)點寫的，還得看父容器是否對其有影響。
2.不知道你的代碼，猜測也有可能樣是對elementui修改的樣式未成功引入，在選擇器前面加/deep/或 >>>試試。

2018年3月8日 18:33
編輯回答
忘了我

elementui 修改默認(rèn)樣式
<style rel="stylesheet/scss" lang="scss" scoped>
@import 'src/assets/css/common.scss'
</style>
修改element不要加soped，但是不加scoped屬性的時候頁面之間的樣式會相互影響，這個時候通過給根節(jié)點加父類去控制不同的頁面有不同的樣式
比如index.vue頁面引入common.scss里面修改el-col的樣式時候前面加個父類
.index .el-col{

}這樣就不會影響別的頁面的樣式了

2017年8月22日 22:37
編輯回答
負(fù)我心

設(shè)置cell-style，數(shù)據(jù)為單行的話用line-height，多行的話用padding

2017年5月4日 19:46
編輯回答
傻叼
<body>
    <div></div>
</body>
html, body {
    width: 100%;
    height: 100%;
}

div {
    background: #ccc;
    width: 200px; 
    height: 200px;
    position: absolute;
}

結(jié)果

clipboard.png

其實這樣子就能垂直水平居中了

2018年7月5日 03:08