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

網(wǎng)頁(yè)使用div+css排版的一些小技巧

2021-05-27    分類(lèi): 網(wǎng)站建設(shè)

現(xiàn)在網(wǎng)站技術(shù)已經(jīng)非常成熟了,基本上90%的網(wǎng)頁(yè)已經(jīng)完全拋棄了table排版布局,但一些新手使用div+css還可能存在這樣那樣的問(wèn)題,我們以下介紹一些div+css的使用小方法。

第一:網(wǎng)頁(yè)版塊水平居中
css中使用*{padding:0px;margin:0px;}定義整體居中,然后在標(biāo)簽的屬性中使用 style="margin:auto;"。

第二:內(nèi)容居中:設(shè)置標(biāo)簽的style屬性,text-align:left內(nèi)容靠左對(duì)齊,text-align:right右對(duì)齊,text-align:center居中對(duì)齊。

第三:設(shè)置邊框需要注意
一般在設(shè)置一個(gè)區(qū)域塊四邊線為1時(shí),如果你的div塊寬度設(shè)置的是500,那你加上border: 1px solid #CBDDE1;這個(gè)寬度以后會(huì)根據(jù)瀏覽器不同而出現(xiàn)兩種情況,一種是還是500,另一種是502,這樣的話就可能造成你的總體寬度不夠?qū)е掳鎵K錯(cuò)位,這也是一些網(wǎng)頁(yè)經(jīng)常會(huì)在不同瀏覽器顯示的效果不同的原因,正確的做法是做一個(gè)div寬度設(shè)置成500,然后在其中嵌套一個(gè)div,把這個(gè)加上加上border: 1px solid #CBDDE1;,代碼如下:

【div style="width:500px;border: 1px solid #CBDDE1;"】 內(nèi)容  【/div】
改成
【div style="width:500px;"】

【div style="border: 1px solid #CBDDE1;"】
 內(nèi)容區(qū)
【/div】

【/div】

注:復(fù)制測(cè)試的時(shí)候請(qǐng)把【】換成<和>

第四:div使用float:left浮動(dòng)屬性會(huì)出現(xiàn)他的父div內(nèi)容塊大小不會(huì)自動(dòng)改變,這種情況只要在使用float以后加上clear:both就可以解決。

第五:?jiǎn)涡袃?nèi)容在div垂直居中,設(shè)置一個(gè)div高度為50,那只需要再設(shè)置一個(gè)行高50就可以,例: style="height:50px; line-height:50px;"

第六:設(shè)置整體的布局浮動(dòng)塊的時(shí)候不同瀏覽器也有可能會(huì)造成錯(cuò)位,一般在網(wǎng)頁(yè)上需要?jiǎng)澐肿笥伊械臅r(shí)候可以在使用float:left屬性中加上display:inline;。

.......

一般使用div+css排版的時(shí)候會(huì)出現(xiàn)各種問(wèn)題,只要制作人員心平去和的去思考總會(huì)解決的,有解決不了的可以聯(lián)系我們技術(shù)人員尋求幫助。

網(wǎng)站標(biāo)題:網(wǎng)頁(yè)使用div+css排版的一些小技巧
本文鏈接:http://aaarwkj.com/news/115235.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、企業(yè)建站、動(dòng)態(tài)網(wǎng)站、網(wǎng)站改版、網(wǎng)站收錄定制網(wǎng)站

廣告

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

成都網(wǎng)站建設(shè)公司
国产大学生情侣在线视频| 亚洲av成人av天堂| 日韩成人中文字幕电影| 亚洲男人天堂黄色av| 欧美一区二区三区精美| 在线看日本十八禁网站| 91久久精品凹凸一区二区| 夫妻性生活在线视频一级片| 一起草视频在线观看视频| av资源在线观看少妇丰满| 国产精品久久99精品| 伊人激情久久综合中文字幕| 欧美一级午夜欧美午夜视频| 日日骚岛国中文字幕av| 免费人成黄页网站在线播放国产| 欧美日本在线区一区二| 日本韩国av在线观看| 乱熟av一区二区三区| 色哟哟视频免费在线观看| 欧美日韩精品一区二区三| 日韩精品一区二区在| 国产精品毛片一区内射| 九九热这里只有免费视频| 日韩三级视频一区二区| 可以看的黄色亚洲网站| 亚洲日本在线观看午夜视频| 亚洲全乱码精品一区二区| 国产成人av三级在线观看| 久草手机福利在线观看| 黄色av一本二本在线观看| 亚洲激情粉嫩中文字幕| 欧美日韩黄片免费在线观看| 国产亚洲综合精品综合区| 裸体性做爰免费视频网站| 99久久伊人精品综合观看| 欧美精品福利一区二区三区| 国产成人亚洲欧美激情| 国产成人在线观看av| av一区二区日韩精品久| 色婷婷亚洲一区二区三区| 天堂av在线网址观看|