久久综合丝袜日本网手机版,日韩欧美中文字幕在线三区,亚洲精品国产品国语在线,极品在线观看视频婷婷

    

      <small id="aebxz"><menu id="aebxz"></menu></small>
      

    1. 


      
    
      
        
        
      
        
        
    
      

      

      
    
    
      
        
      
            
            
      網(wǎng)頁設(shè)計(jì)相對(duì)布局中如何實(shí)現(xiàn)水平定位？
      
            
      
                時(shí)間：2022-07-03 01:28:05 
                
                設(shè)計(jì)
                我要投稿
            
      
            
            
      
                
      
                    
        
                        
                        
      • 相關(guān)推薦
        • 
                    
      
                
      
                
      網(wǎng)頁設(shè)計(jì)相對(duì)布局中如何實(shí)現(xiàn)水平定位？
       我做了一個(gè)css過渡樣式，但是不知道如何將它水平居中對(duì)齊。代碼如下：

      &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
&lt;title&gt;Untitled Document&lt;/title&gt;
&lt;style&gt;
bg{
width:100%;
height:100%;
margin:0px;
}
.main{
height:60%;
top:20%;
position:absolute;
}

.box1{
position: relative;
width: 162px;
height: 100%;
background: #000;
float:right;
margin-left:300px;
-webkit-transition: width 2s ease 0s, margin-left 2s;
-moz-transition: width 2s ease 0s, margin-left 2s;
-ms-transition: width 2s ease 0s, margin-left 2s;
-o-transition: width 2s ease 0s, margin-left 2s;
transition: width 2s ease 0s, margin-left 2s;
}
.box2{
position: relative;
width: 108px;
height: 100%;
background: #999;
float:right;
-webkit-transition: width 2s ease 0s, margin-left 2s;
-moz-transition: width 2s ease 0s, margin-left 2s;
-ms-transition: width 2s ease 0s, margin-left 2s;
-o-transition: width 2s ease 0s, margin-left 2s;
transition: width 2s ease 0s, margin-left 2s;
}
.box3{
position: relative;
width: 54px;
height: 100%;
background: #ccc;
float:right;
-webkit-transition: width 2s ease 0s, margin-left 2s;
-moz-transition: width 2s ease 0s, margin-left 2s;
-ms-transition: width 2s ease 0s, margin-left 2s;
-o-transition: width 2s ease 0s, margin-left 2s;
transition: width 2s ease 0s, margin-left 2s;
}
.box1:hover {
width: 962px;
margin-left:200px;
}
.box3:hover {
width: 854px;
}
.box2:hover {
width: 908px;
}
&lt;/style&gt;
&lt;/head&gt;


&lt;body&gt;
&lt;div class="main"&gt;

&lt;div class="box1"&gt;1&lt;div class="box2"&gt;1&lt;div class="box3"&gt;1&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

      

我做了一個(gè)css過渡樣式，但是不知道如何將它水平居中對(duì)齊。代碼如下：

      



Untitled Document






      


      1
      1
      1
      

      

…

      【網(wǎng)頁設(shè)計(jì)相對(duì)布局中如何實(shí)現(xiàn)水平定位？】相關(guān)文章：
      常見的網(wǎng)頁布局設(shè)計(jì)模式07-14
      網(wǎng)頁設(shè)計(jì)中如何把握視覺原則07-14
      如何評(píng)價(jià)亞馬遜的網(wǎng)頁設(shè)計(jì)？07-14
      如何提高網(wǎng)站模板設(shè)計(jì)水平07-14
      職場中白領(lǐng)精英如何對(duì)自己職業(yè)定位07-03
      如何選擇網(wǎng)頁設(shè)計(jì)培訓(xùn)機(jī)構(gòu)07-14
      網(wǎng)頁設(shè)計(jì)中的規(guī)則和禁忌07-12
      網(wǎng)頁設(shè)計(jì)中圖像的優(yōu)化技巧07-14
      如何進(jìn)行市場分析，實(shí)現(xiàn)精準(zhǔn)網(wǎng)站定位？07-14
      平面設(shè)計(jì)師如何提高自己的設(shè)計(jì)水平？07-11