Html 让两个div 显示在同一行

__Jun__

于 2016-02-22 15:01:09 发布

阅读量2.4w

点赞数 4

文章标签： HTML

本文链接：https://blog.youkuaiyun.com/caojengineer/article/details/50716913

版权

本文介绍了一种简单的方法来让两个HTML div元素在同一行显示，通过设置CSS样式display为inline，实现了并排布局的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

让两个 div 显示在同一行

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>标题</title>
<style type="text/css">
div{
	display:inline;
}
</style>
</head>

<body>
<div>我是第一个Div</div>
<div>我是第二个Div</div>
</body>

</html>