position:fixed;寬高自適應(yīng)，元素水平垂直居中

yeooo 發(fā)布于2019-08-30 15:44 / 2240人閱讀

.modal-user-dialog{
    position: fixed; 
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

云服務(wù)器 GPU云服務(wù)器 html5寬高自適應(yīng) 水平垂直居中 position:fixed 垂直居中

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/116314.html

相關(guān)文章

不定元素寬高用css實(shí)現(xiàn)內(nèi)容水平和垂直都居中

摘要：在開(kāi)發(fā)中經(jīng)常遇到這個(gè)問(wèn)題，即讓某個(gè)元素的內(nèi)容在水平和垂直方向上都居中，內(nèi)容不僅限于文字，可能是圖片或其他元素。這篇文章就來(lái)總結(jié)一下都有哪些方法可以實(shí)現(xiàn)水平和垂直都居中。表示這些元素將相對(duì)于本容器水平居中，也是同樣的道理垂直居中。在開(kāi)發(fā)中經(jīng)常遇到這個(gè)問(wèn)題，即讓某個(gè)元素的內(nèi)容在水平和垂直方向上都居中，內(nèi)容不僅限于文字，可能是圖片或其他元素。而且我們希望不要涉及寬度和高度，也就是說(shuō)，我們不...

Chao 2019-08-30 15:52 評(píng)論0 收藏0
CSS 水平垂直居中

摘要：聚沙成塔，聚水成涓父元素高度確定的單行文本設(shè)置只是單行文本水平垂直居中，塊級(jí)元素并沒(méi)有實(shí)現(xiàn)水平垂直居中方法一使用，設(shè)置特點(diǎn)兼容性好，不過(guò)需固定寬高注意如果不設(shè)置為則將基于根元素定位居中實(shí)現(xiàn)水平垂直居中方法二同時(shí)設(shè)置特點(diǎn)可聚沙成塔，聚水成涓！ line-height 父元素高度確定的單行文本設(shè)置 height=line-height body { backgrou...

wujl596 2019-08-29 15:27 評(píng)論0 收藏0
文檔流&文字&CSS常用命令

摘要：文檔流文檔流就是文檔內(nèi)元素流動(dòng)方向流動(dòng)方向內(nèi)聯(lián)元素從左往右流，寬度不夠，之字形，且元素會(huì)被截?cái)鄩K元素從上往下流動(dòng)，一排一排注意事項(xiàng)內(nèi)聯(lián)元素中有英文單詞，流動(dòng)時(shí)寬度不夠，英文單詞會(huì)整體遷移，不會(huì)被打斷若想打斷上述聯(lián)結(jié)，請(qǐng)使用屬性想打斷的內(nèi)聯(lián)元文檔流文檔流就是文檔內(nèi)元素流動(dòng)方向流動(dòng)方向內(nèi)聯(lián)元素從左往右流，寬度不夠，之字形，且元素會(huì)被截?cái)? 塊元素從上往下流動(dòng)，一排一排 sho...

zebrayoung 2019-08-30 14:13 評(píng)論0 收藏0
文檔流&文字&CSS常用命令

摘要：文檔流文檔流就是文檔內(nèi)元素流動(dòng)方向流動(dòng)方向內(nèi)聯(lián)元素從左往右流，寬度不夠，之字形，且元素會(huì)被截?cái)鄩K元素從上往下流動(dòng)，一排一排注意事項(xiàng)內(nèi)聯(lián)元素中有英文單詞，流動(dòng)時(shí)寬度不夠，英文單詞會(huì)整體遷移，不會(huì)被打斷若想打斷上述聯(lián)結(jié)，請(qǐng)使用屬性想打斷的內(nèi)聯(lián)元文檔流文檔流就是文檔內(nèi)元素流動(dòng)方向流動(dòng)方向內(nèi)聯(lián)元素從左往右流，寬度不夠，之字形，且元素會(huì)被截?cái)? 塊元素從上往下流動(dòng)，一排一排 sho...

pingink 2019-08-01 18:43 評(píng)論0 收藏0
css學(xué)習(xí)筆記（一）

摘要：元素的高度文檔流文檔內(nèi)元素流動(dòng)的方向叫做文檔流。塊級(jí)元素高度一個(gè)元素的高寬度是由其內(nèi)容決定的，不到萬(wàn)不得已的時(shí)候一般不要設(shè)置寬高，塊級(jí)元素高度是由其內(nèi)部文檔流高度總和決定的，并不一定是等于，只是決定，例如設(shè)置字體是，但是它的元素高度卻不是。 position定位 CSS position屬性用于指定一個(gè)元素在文檔中的定位方式。top，right，bottom 和 left 屬性則決定了...

dadong 2019-08-29 15:41 評(píng)論0 收藏0