小編給大家分享一下css中a標(biāo)簽設(shè)不了寬度的原因是什么,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!

成都創(chuàng)新互聯(lián)憑借專業(yè)的設(shè)計(jì)團(tuán)隊(duì)扎實(shí)的技術(shù)支持、優(yōu)質(zhì)高效的服務(wù)意識(shí)和豐厚的資源優(yōu)勢(shì),提供專業(yè)的網(wǎng)站策劃、成都做網(wǎng)站、網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、軟件開發(fā)、網(wǎng)站改版等服務(wù),在成都十載的網(wǎng)站建設(shè)設(shè)計(jì)經(jīng)驗(yàn),為成都超過千家中小型企業(yè)策劃設(shè)計(jì)了網(wǎng)站。
css a設(shè)不了寬度是因?yàn)閍標(biāo)簽是行內(nèi)元素,不能設(shè)置寬度,其解決辦法就是把行內(nèi)元素轉(zhuǎn)換為block或者inline-block即可設(shè)置寬度。
為什么a標(biāo)簽不能設(shè)置寬度?
在a標(biāo)簽上用css設(shè)置寬度沒有任何反應(yīng),到底是為什么那?
因?yàn)樾袃?nèi)元素都是不能設(shè)置寬高的,a標(biāo)簽也是行內(nèi)元素,所以也不能設(shè)置寬度,如果想設(shè)置寬度,必須把行內(nèi)元素轉(zhuǎn)換為block或者inline-block,
轉(zhuǎn)換為塊block的話,元素會(huì)獨(dú)占一行,有可能會(huì)改變你的布局,
如果想繼續(xù)保持元素在一樣上面,可以設(shè)置行內(nèi)塊inline-block,設(shè)置為行內(nèi)塊后可能會(huì)出現(xiàn)該元素和鄰近元素不在一個(gè)水平線上,解決方法就是設(shè)置vertical-align: middle; 或者 vertical-align: top 試試,其他的屬性也可以試試。
因?yàn)樾袃?nèi)元素都是不能設(shè)置寬高的,a標(biāo)簽也是行內(nèi)元素,所以也不能設(shè)置寬度,如果想設(shè)置寬度,必須把行內(nèi)元素轉(zhuǎn)換為block或者inline-block,
轉(zhuǎn)換為塊block的話,元素會(huì)獨(dú)占一行,有可能會(huì)改變你的布局,
如果想繼續(xù)保持元素在一樣上面,可以設(shè)置行內(nèi)塊inline-block,設(shè)置為行內(nèi)塊后可能會(huì)出現(xiàn)該元素和鄰近元素不在一個(gè)水平線上,解決方法就是設(shè)置vertical-align: middle; 或者 vertical-align: top 試試,其他的屬性也可以試試。
常見的塊級(jí)元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table
常見的行內(nèi)元素:span, strong, em, br, img , input, label, select, textarea, cite, a
看完了這篇文章,相信你對(duì)css中a標(biāo)簽設(shè)不了寬度的原因是什么有了一定的了解,想了解更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
分享名稱:css中a標(biāo)簽設(shè)不了寬度的原因是什么
網(wǎng)站鏈接:http://www.chinadenli.net/article12/gshggc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、動(dòng)態(tài)網(wǎng)站、電子商務(wù)、Google、域名注冊(cè)、網(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í)需注明來源: 創(chuàng)新互聯(lián)