小編給大家分享一下html怎么對(duì)span設(shè)置寬度，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站制作、成都做網(wǎng)站與策劃設(shè)計(jì),文登網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:文登等地區(qū)。文登做網(wǎng)站價(jià)格咨詢:18982081108這是一期分享HTML 中span 標(biāo)簽，如何設(shè)置寬度的問題。
span標(biāo)簽
span 表示行內(nèi)元素，相當(dāng)于inline 屬性，只會(huì)根據(jù)元素的寬度自行展開，自己設(shè)置寬度，不起作用。
那如果我特別希望將span 元素設(shè)置為寬度且不設(shè)置元素呢？下面通過幾個(gè)方式去實(shí)現(xiàn)。
方式一
設(shè)置span 屬性為span{display:block}; ，呈現(xiàn)的效果如下：
但是這樣寫就體現(xiàn)不了span 這個(gè)標(biāo)簽的作用了，跟div 功效一致，都表示塊級(jí)元素。
推薦指數(shù)：:star2:
方式二
使用float 屬性，設(shè)置屬性為span{float:left} ，呈現(xiàn)的效果如下：
由于float 會(huì)讓這塊內(nèi)容脫離標(biāo)準(zhǔn)文檔流，所以要設(shè)置寬度，這恰好與我的需求吻合。但是記得最后清除緩存。
由于寫的代碼量較多，推薦指數(shù)：:star2::star2::star2::star2:
提示：不了解float 屬性的同學(xué)，請(qǐng)自行百度
方式三
使用display:inline-block 的方式，呈現(xiàn)效果同方式二。
display 常用的有3個(gè)屬性，inline 為行內(nèi)元素，與span 類似。block 為塊級(jí)元素，與div 類似。inline-block 結(jié)合這兩者，可以自己設(shè)置寬度，且不獨(dú)占一行。
以上是“html怎么對(duì)span設(shè)置寬度”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
重慶分公司
重慶分公司
