html中div不自動換行、強制不換行的具體實作_HTML/Xhtml_網頁製作

1.用標籤實現不換行

複製代碼

代碼如下:

Hello world！ Hello world!

2.用標籤

複製程式碼

程式碼如下:

Hello world! Hello world! Hello world! Hello world!

3強制不換行

複製代碼

代碼如下:

div{
white-space:nowrap;
}

4.如果是兩個div，可使用float實作不換行

複製程式碼

程式碼如下:

hello

world !

.class1 {float:left;}

5.在div中也可使用display實作不換行

複製程式碼

程式碼如下:

hello

world!

.class1 {display:inline;}
.class2{display:inline;}