91网站在线观看视频免费,国产精品天天看天天做夜夜爽,99久久这里只有精品23,小泽真理奈磁力,和50多岁熟妇做了四次,色天堂啪啪啪

網(wǎng)站建設(shè)咨詢  網(wǎng)站推廣咨詢  網(wǎng)站優(yōu)化咨詢  網(wǎng)站售后咨詢   電話:0316-5269510 客服:13722605112  13315631884

公司郵箱:sjfc2008@126.comsjfc2008@126.com  技術(shù)郵箱:sjfc2009@163.comsjfc2009@163.com  網(wǎng)站售后郵箱:e-wkj.cn@tom.come-wkj.cn@tom.com   24小時(shí)服務(wù)熱線:13722605112
導(dǎo)航頭部 網(wǎng)站首頁 網(wǎng)站制作 網(wǎng)站推廣 建站方案 推廣方案 業(yè)務(wù)介紹 網(wǎng)站案例 技術(shù)服務(wù) 關(guān)于我們 聯(lián)系我們 導(dǎo)航尾部
主要為用戶提供網(wǎng)站建設(shè)和網(wǎng)站推廣服務(wù)
經(jīng)驗(yàn)分享

利用CSS控制文字與圖片水平居中的方法

來源:廊坊網(wǎng)站建設(shè)公司  作者:小編  發(fā)布時(shí)間:2015-01-22

DIV+CSS程序現(xiàn)在被更多的網(wǎng)站所使用,它不僅簡便,而且大大提升了網(wǎng)站的速度,其實(shí)最主要的是使用它可以減少更多的工作時(shí)間。今天,小編要與大家分享下,如何利用CSS控制文字與圖片水平居中的方法,希望大家在下面的內(nèi)容中認(rèn)真的學(xué)習(xí)下。

在我們開發(fā)網(wǎng)站的時(shí)候,關(guān)于css居中的問題是很常見的,一般來說情況有很多,不同的情況又有不同的解決方式,水平居中的方式解決的時(shí)候相對來說通過css比較容易設(shè)置。小編工作的時(shí)候一般會(huì)使用三種方式來處理:

1、使用table作為容器的方法來實(shí)現(xiàn),當(dāng)然我們還是不大推薦使用這種方法,因?yàn)樘砑恿藳]有意義的標(biāo)簽,Table標(biāo)簽本身并不是塊級元素,當(dāng)我們不設(shè)置table的寬度的話,他里面的寬度是由他內(nèi)部元素的寬度撐起來的。但即使我們沒有設(shè)置table的寬度,直接設(shè)置table的外邊距margin:0 auto;就可以實(shí)現(xiàn)水平居中了。

2、相對于用table的方法的好處是不用增加無語義標(biāo)簽,簡化標(biāo)簽嵌套深度。這個(gè)思路是這樣的,通過改變塊級元素的display屬性值為inline類型,然后設(shè)置text-align:center來實(shí)現(xiàn)居中。這種方法也有一定不妥之處就是把塊級元素改為行內(nèi)元素后,行內(nèi)元素比塊元素少了一些功能。比如說設(shè)定長寬值等,在項(xiàng)目運(yùn)用中可能會(huì)有一些限制,大家可以自行選擇。

3、還通過給父元素設(shè)置浮動(dòng)float,再設(shè)置父元素的position屬性為relative和left:50%;子元素設(shè)置position:relative和left:-50%來實(shí)現(xiàn)水平居中。這個(gè)好處是可以保留塊級元素仍然是以display:block的形式顯示,不會(huì)添加無意義的標(biāo)簽,不添加嵌套深度。確點(diǎn)是設(shè)置了position:relative;帶來了一些副作用。下面是第三種方法的實(shí)例代碼,放到body標(biāo)簽里面就可以了。

以上的三種方法都可以解決文字圖片水平居中的問題,大家看后如果覺得還有更好的辦法,可以拿出來一起分享下。

上一篇:網(wǎng)站的權(quán)重如果分散了該怎么處理呢 下一篇:分析:為什么網(wǎng)站不被搜索引擎所重視

廊坊市新世紀(jì)步行街暢想網(wǎng)絡(luò)技術(shù)服務(wù)中心歷經(jīng)多年的發(fā)展,現(xiàn)擁有一個(gè)過硬的技術(shù)團(tuán)隊(duì),憑借豐富的建站經(jīng)驗(yàn)贏得了眾多用戶信任,真正站在客戶角度去考慮問題。我們始終堅(jiān)持新產(chǎn)品的研發(fā),每一款不同的產(chǎn)品有他獨(dú)特的功能,完全可以幫助大家快速樹立起自己的品牌形象。

在以后的工作中廊坊網(wǎng)站制作公司的技術(shù)人員將繼續(xù)依靠技術(shù)優(yōu)勢、優(yōu)質(zhì)的產(chǎn)品去服務(wù)用戶,同時(shí)也會(huì)繼續(xù)開發(fā)方便、可靠的產(chǎn)品。堅(jiān)持不懈,認(rèn)真思考,獨(dú)具創(chuàng)新是我們必須堅(jiān)持的,只有這樣才能有更好的發(fā)展。(詳細(xì)介紹

優(yōu)惠活動(dòng)
網(wǎng)站底部

廊坊市新世紀(jì)步行街暢想網(wǎng)絡(luò)技術(shù)服務(wù)中心 TEL:0316-5269510 技術(shù)支持:13722605112 E-MAIL:sjfc2008@126.com 冀ICP備11000020號 網(wǎng)站地圖  

互聯(lián)網(wǎng)信任計(jì)劃       網(wǎng)站安全認(rèn)證       可信網(wǎng)站

嵩明县| 平和县| 池州市| 永济市| 香港| 邢台县| 闽清县| 新建县| 青川县| 白玉县| 香河县| 吴川市| 运城市| 临清市| 肥西县| 肥乡县| 乌兰浩特市| 苏州市|