html - 移动内联 block div 中的元素移动相对 div 中的元素

标签 html css

<分区>

我有 3 个输入字段,其中一个我想要一个标题。我在自己的 div 中有输入字段,每个 div 都设置为内联 block 。由于下方的标题,中间的输入框现在比左右输入框升高。我试图将输入框向下推一点,但其他输入框继续向下移动,即使它们在自己的 div 中也是如此。我通常会使用表格来执行此操作,但我正在尝试更多地了解 div 并定位它们。

有人可以指出我正确的方向吗?

我尝试在每个子 div 中放置一个子 div,在每个子 div 中放置输入,然后将子 div 设置为相对于父 div,但它一直以相同的方式运行 - 每次我在任一div 或输入字段,其他输入字段也会移动,除了以这种方式默认设置之外,没有任何设置(据我所知)可以实现这种情况。

最佳答案

使用:

vertical-align: top;

fiddle : https://jsfiddle.net/ot2ojahb/

如果要将它们全部向下移动,请在 div 中添加 padding-top

关于html - 移动内联 block div 中的元素移动相对 div 中的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35590443/

上一篇:javascript - 动画化容器中的元素以动画化并包含 100% 的容器

下一篇:css - Bootstrap 在具有多个元素的行中垂直对齐(到所有列)

相关文章:

javascript - 使用 jQuery 过滤图像

css - 当 R# 提示我的线性渐变时,我需要做什么来安抚它?

javascript - 背景图像、3 个透明 png 按钮、三个链接和响应式。可能的?

javascript - 粘性导航栏在滚动时闪烁

css - HTML/CSS - 将 div 放在彼此的旁边和下面

javascript - 如何在几秒钟后将动画 gif 显示为弹出窗口和警报

html - 如何在 @keyframe 动画后更改 css 属性?

javascript - 如何将vue js数据传递给php变量

html - 使内部容器以 flex 布局适合屏幕大小

css - 如何在 CSS 中通过元素 id 隐藏元素标签?