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