課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
不是右上角么?左移和下移是怎么回事?
2016-03-30
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 13-6
正在回答
你好~我猜你的意思是如果想實(shí)現(xiàn)圖片在右上角對(duì)齊怎么操作吧,這就要引入一個(gè)”垂直對(duì)齊“vertical-align屬性并且規(guī)定div的長(zhǎng)度width和高度height,但是垂直對(duì)齊只對(duì)表格單元生效,所以又要先用display改變div塊的屬性為table-cell,而垂直屬性可以有上top 居中center 底部bottom,另外為了看得明白點(diǎn)可以給div快加個(gè)邊框,以下是右上對(duì)齊為例的代碼:
div{
? ? display:table-cell;
? ? border:1px solid red;
? ? width:500px;
? ? height:500px;
? ? vertical-align:top;/*這里控制垂直對(duì)齊方式,把top改為bottom就是下,center就是垂直居中*/
? ? text-align:right;/*這里控制水平對(duì)齊方式*/
? ? }
另外左移,右移就比較簡(jiǎn)單了,用圖片的外邊距來控制就行了,例如右上對(duì)齊,但是圖片偏移右面100px,
img{margin:100px;}
希望能幫到你~我也是初學(xué),如果說的不對(duì)望指正~
慕容5812882
慕容5812882 回復(fù) 慕容5812882
guessljl 提問者 回復(fù) 慕容5812882
{text-align:left;}左移
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
3 回答這個(gè)框剛開始在左上角怎么向左移動(dòng)
3 回答任務(wù)要求是相對(duì)于以前位置左上角向右移動(dòng)100px,向下移動(dòng)50px,為何代碼不是:right:100px;bottom:50px;
1 回答這種方法是不是移動(dòng)的盒子的左上角啊
2 回答為什么是相對(duì)于右上角不是左上角
3 回答為什么右移和下移代碼都反著?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-03-30
你好~我猜你的意思是如果想實(shí)現(xiàn)圖片在右上角對(duì)齊怎么操作吧,這就要引入一個(gè)”垂直對(duì)齊“vertical-align屬性并且規(guī)定div的長(zhǎng)度width和高度height,但是垂直對(duì)齊只對(duì)表格單元生效,所以又要先用display改變div塊的屬性為table-cell,而垂直屬性可以有上top 居中center 底部bottom,另外為了看得明白點(diǎn)可以給div快加個(gè)邊框,以下是右上對(duì)齊為例的代碼:
div{
? ? display:table-cell;
? ? border:1px solid red;
? ? width:500px;
? ? height:500px;
? ? vertical-align:top;/*這里控制垂直對(duì)齊方式,把top改為bottom就是下,center就是垂直居中*/
? ? text-align:right;/*這里控制水平對(duì)齊方式*/
? ? }
另外左移,右移就比較簡(jiǎn)單了,用圖片的外邊距來控制就行了,例如右上對(duì)齊,但是圖片偏移右面100px,
img{margin:100px;}
希望能幫到你~我也是初學(xué),如果說的不對(duì)望指正~
2016-03-30
{text-align:left;}左移