html讓div不換行的方法：1、使用displays屬性，只需要給div標籤新增「display: inline-block;」樣式即可。 2.使用float屬性，只需要給div標籤新增「float: left;」樣式即可。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
div預設自動換行，但可以使用以下兩種方式來控制不換行
#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>
#更多程式相關知識，請造訪：程式設計影片！ ！
以上是html怎麼讓div不換行的詳細內容。更多資訊請關注PHP中文網其他相關文章！
