html - 为什么两个 div 在列中彼此相邻而不在同一位置

标签 html css alignment

请看一下这个 fiddle :http://jsfiddle.net/d3uc9/4/

我有一个问题,因为两个 div,在一个表中,彼此相邻,不在同一条边距线上,即使它们共享相同的 css 类等。

我在示例中做错了什么,我必须更改以使它们位于相同的边距顶部行吗?

谢谢,我已经尽量说清楚了。

我的意思是他们应该共享相同的 margin-top 线,但他们没有,我必须怎么做才能解决这个问题?

最佳答案

你只需要这样的东西:

td {    vertical-align: top;}

Example fiddle

这表示表格单元格的内容与单元格的顶部而不是中间对齐。这是必需的,因为您的左侧 div 没有右侧的大。

我还注意到您在 HTML 中多次重复 ID(例如 <div id="stylized" class="myform">)。这不是有效的 HTML,可能会导致浏览器出现意外行为。 ID 必须是唯一的,如果您想以相同的方式标识多个元素以用于样式目的,那么您应该使用类。

例如。

<div class="stylized myform">

关于html - 为什么两个 div 在列中彼此相邻而不在同一位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8419559/

相关文章:

javascript - 可以在移动设备(iOS/Android)上在后台观看位置吗?

jquery - 图标意外更改输入字段大小 jquery

html - 隐藏和显示按钮首先需要是 "show"

javascript - 保存 VML 和 CSS 标记

css - margin 0 自动;用于 slider 内的粘性页脚

javascript - 使用jquery的map函数来提醒checkbox的值

jquery - 数据表问题和不需要的水平滚动条

javascript - 使用 JavaScript 以便在单击图像时更改另一个元素的位置

css - 如何在一页网站中居中放置两个 div?

Android RTL布局方向对齐中心问题