div+css中如何让两个元素位于同一水平线

2024-11-26 16:46:12

推荐回答（4个）

回答1：

例如将两个按钮对齐，方法和详细的操作步骤如下：

1、第一步，打开html编辑器并创建一个新的html文件，见下图，转到下面的步骤。

2、第二步，执行完上面的操作之后，输入CSS代码“button {display: inline-block}”，见下图，转到下面的步骤。

3、第三步，执行完上面的操作之后，浏览器运行“index.html”页面，两个元素位于同一水平线上了，见下图。这样，就解决了这个问题了。

回答2：

是display: block;在作怪，我在这里细说一下block与inline两个元素：
block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素)；
Inline元素的特点是,和其他元素在同一行上,不可控制(内嵌元素)；
#box{ display:block; //可以为内嵌元素模拟为块元素；
display:inline; //实现同一行排列的效果。

回答3：

.home-page .right
设置成float:left;

回答4：

div内部有两个元素，你可以设置ul，和li，可以上百度搜索这两个元素，你会有惊奇的发现。