站長資訊網(wǎng)
html讓div不換行的方法：1、使用displays屬性，只需要給div標(biāo)簽添加“display: inline-block;”樣式即可。2、使用float屬性，只需要給div標(biāo)簽添加“float: left;”樣式即可。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
div默認(rèn)自動換行，但可以使用以下兩種方式來控制不換行
1、使用displays屬性
display: inline-block;
例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> div{ width: 300px; height: 300px; background-color: #20B2AA; display: inline-block; } </style> </head> <body> <div></div> <div></div> </body> </html>
2、使用float屬性
float: left;
例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> div{ width: 300px; height: 300px; background-color: #00aa00; float: left; } </style> </head> <body> <div></div> <div></div> </body> </html>
