怎么在html中禁止自動(dòng)換行?相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策,為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法,通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。
創(chuàng)新互聯(lián)專注于大同企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站,商城網(wǎng)站制作。大同網(wǎng)站建設(shè)公司,為大同等地區(qū)提供建站服務(wù)。全流程按需定制,專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)
禁止html自動(dòng)換行的方法:1、給html元素添加“display:inline”樣式,將元素設(shè)置為行內(nèi)元素;2、給html元素添加“float:left”樣式,使元素脫離文檔流,浮動(dòng)到同一行顯示。
demo:
性別: 男 女
使兩個(gè)input在同一行顯示方法:
1、使用樣式display:inline
性別: 男 女
display:inline
的作用是設(shè)置對(duì)象做為行內(nèi)元素顯示,inline是內(nèi)聯(lián)對(duì)象的默認(rèn)值(ps:內(nèi)聯(lián)對(duì)象就是不自動(dòng)產(chǎn)生換行的元素,比如span) 用該值將從對(duì)象中刪除行。
這里兩個(gè)input都是inline的則在同一行。比如我們一般用的div是塊級(jí)元素,默認(rèn)display屬性是block, 但如果將div的display設(shè)置為inline的話,則多個(gè)div就可以顯示在一行了。
2、使用樣式float:left(不建議使用)
性別:男
女
多個(gè)元素時(shí)使用比較麻煩,而且可能造成其他元素的位置混亂。
其他適用于純文本的用法
1.標(biāo)簽
12345456
2.標(biāo)簽
123123123
3.標(biāo)簽
23423423
4.樣式
c{ white-space:nowrap; }
看完上述內(nèi)容,你們掌握怎么在html中禁止自動(dòng)換行的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!