html中div不自動換行強制不換行的具體實現(xiàn)

字號:


    1.用<nobr>標簽實現(xiàn)不換行
    代碼如下:
    <div>Hello world!<nobr> Hello world!<nobr></div>
    2.用<用nowrap元素>標簽
    代碼如下:
    <div nowrap>Hello world! Hello world! Hello world! Hello world!</div>
    3強制不換行
    代碼如下:
    div{
    white-space:nowrap;
    }
    4.如果是兩個div,可使用float實現(xiàn)不換行
    代碼如下:
    div>hello </div>
    <div>world! </div>
    .class1 {float:left;}
    5.在div中也可使用display實現(xiàn)不換行
    代碼如下:
    <div>hello </div>
    <div>world! </div>
    .class1 {display:inline;}
    .class2{display:inline;}