欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

網(wǎng)頁制作中垂直居中的技巧

2016-10-27    分類: 網(wǎng)站建設(shè)

在實際的網(wǎng)頁制作過程中,網(wǎng)頁中有很多的東西需要我們進行垂直居中,例如文字垂直居中,多行文字垂直居中,塊級元素垂直居中,背景圖片垂直居中。今天我就給大家來說一下應(yīng)該怎樣對這些東西進行垂直居中。1.單行文字垂直居中。單行文字居中的方法其實很簡單,只需要在css中給對應(yīng)的父標(biāo)簽設(shè)置line-height為父級標(biāo)簽的高度就可以實現(xiàn)對單行文字的垂直居中了。而圖片也是屬于行內(nèi)元素,別看它可以設(shè)定固定的寬高,line-height對img標(biāo)簽也是有影響的,所以在需要對img標(biāo)簽垂直居中的時候是可以使用line-height的,如果不需要line-height影響到img標(biāo)簽的話,可以給img標(biāo)簽設(shè)置為block,然后使用浮動屬性就可以了。2.多行文字垂直居中 多行文字垂直居中需要給每一行的文字上包一個行內(nèi)快元素,或者包一個別的元素設(shè)置成行內(nèi)塊就可以了。再給行內(nèi)快的父元素設(shè)置line-height,而行內(nèi)快元素設(shè)置寬高和里面的行高就可以了。3.塊級元素居中。塊級元素居中需要給這個塊級元素的父級設(shè)置相對定位屬性,然后給需要垂直居中的塊級元素設(shè)置絕對定位,top或者bottom值為50%;margin-top是負的這個塊級元素的高的一半就可以了。4.背景圖片垂直居中。在實際的網(wǎng)頁制作工作中經(jīng)常會用到背景圖片,需要對背景圖片垂直居中就需要用到background-position屬性了,這個屬性后面可以填寫一個或者兩個值,一個值是水平方向上的定位,而第二個值是垂直方向上的定位,起始點是元素的左上角。如果輸入一個值得話,瀏覽器會認為水平方向和垂直方向上的值是一樣的。想要垂直居中那么就給第二個值設(shè)為center,一個值根據(jù)自己的需要來調(diào)試。以上就是關(guān)于常用的垂直居中的使用技巧,根據(jù)不同的情況使用不同的方法可以大大提升開發(fā)效率。

標(biāo)題名稱:網(wǎng)頁制作中垂直居中的技巧
標(biāo)題網(wǎng)址:http://www.aaarwkj.com/news/54851.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站策劃網(wǎng)頁設(shè)計公司、服務(wù)器托管、手機網(wǎng)站建設(shè)動態(tài)網(wǎng)站App開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁設(shè)計
中文字幕日本人妻影视| 国产亚洲中文字幕91| 伊人亚洲一区二区三区| 四虎免费在线视频观看| 雪白肥臀视频一区二区三区| 国产精品精品国产色婷婷| 夫妻性生活视频在线免费看| 二区三区成人在线观看| 日韩欧美性生活免费观看| 99精品午夜福利在线| av一区二区三区网站| 中国美女下面毛茸茸视频| 国产精品伊人久久精品| 国产三级伦理在线播放| av免费在线不卡一区| 91观看免费完整版高清| 中文字幕在线日韩av| 熟女少妇久久中文字幕| 韩国av电影免费观看| 草草在线成年免费视频| 日本人妻丰满熟妇久久| 精品女同一区二区三区网站| 亚洲奇米精品一区二区| 亚洲国产在线一区二区| 日韩精品一区二区三区人妻视频| 国产黄色一区二区三区,| 日韩国产欧美一区二区三区| 男女互射视频在线观看| 日韩一区二区三区高清免费视频成人| 日韩中文字幕不卡免费| 未满十八禁止免费在线观看| 欧美中文字幕在线精品| 欧美国产免费高清视频| 五十路八十路息与子交尾| 一区二区三区欧美黑人| 欧美精品欧美精品一区二区| 未满十八周岁禁看视频| 免费观看亚洲成人av| 人妻中文字幕精品系列| 中文字幕人妻久久精品一区| 国产日产亚洲综合一区|