对齐嵌套元素中的标签和输入

文章/答案/技术大牛

发布

2回答

css、layout

从语义上讲，我的数据结构如下： <div class="inputs"> <h4>Top</h4> <label for=出于美观的目的，我希望对齐所有的输入和选择，并使其大小相等。有没有可能在不使用显式宽度的情况下做到这一点？我非常喜欢在任何可能的情况下让事物自己调整大小。下面是对列<em

浏览 6提问于2020-09-10得票数 0

回答已采纳

4回答

如何将网页上的文本框与标签正确对齐

asp.net、css、styling、alignment

我有三个要在网页上居中对齐的文本框。然后我想要在每个标签的右边有一个标签描述。当我使用像text:align:centre这样的属性时，因为标签的长度不同，它会抛出文本框的对齐方式参见下面的图像链接有没有一种简单的方法可以保持文本框对齐，然后在不更改文本框的情况下将标签移到右侧

浏览 3提问于2010-05-09得票数 2

回答已采纳

3回答

如何正确对齐表单标签？

html、forms、tags、alignment

我想让输入元素和表单元素向右对齐，标签信息向左对齐，同时保持标签垂直居中，使其与每个输入对齐。我还需要在每个<li>标记之间留出一些空格。您可以查看我在这里谈论和询问的内容。

浏览 2提问于2011-10-01得票数 3

回答已采纳

1回答

Vaadin13beta1中的CustomField在顶部似乎有很大的额外空间

vaadin、vaadin12

但是，它在字段的顶部创建了一个巨大的空白区域(请参见下面的绿色标记，忽略红色和黄色的背景颜色，因为它们只是为了了解发生了什么。) ? 我该如何解决这个问题呢？我尝试手动设置minHeight、maxHeight、Health值，但没有任何更改……这是我的自定义字段代码。( for布局的代码是相当标准的，所以这里不包括在内。)newPresentationValue.getStartStr()); end.setValue(newPresentat

浏览 36提问于2019-02-21得票数 1

2回答

组合组件与PanelGrid的布局问题

layout、jsf-2、composite-component

可能重复：文本是葡萄牙语，上面写着“字段放在这里！PS:在安全面板内”。在这个<p:panelGrid>中，我有一个嵌套的<h:panelGrid>，它应该包含字段。我创建了一个复合组件来添加标签和输入字段。render="@this" /> </p:inputTe

浏览 1提问于2012-12-22得票数 0

回答已采纳

2回答

输入和标签不垂直对齐-不同的元素宽度。

html、css、reactjs

输入不与按钮和其他元素对齐的原因是什么？这是什么原因？以及如何以一种优雅的方式对齐它们(例如，在不通过尝试和错误来改变保证金的情况下)？NewTransaction.js文件的相关部分： NewTran

浏览 4提问于2021-10-11得票数 1

回答已采纳

2回答

在单独的div中形成标签和输入元素

html、css、accessibility

我们正在尝试布局像下面图像中的第二行那样的表单的3列。标签、文本和表单元素的大小和类型可能不同，因此很难根据需要跨浏览器对齐。我们正在尝试许多解决方案，其中一种可能是为标签有一个单独的行，对于输入元素有一个单独的行。然后，我们可以将标签垂直对齐到底部，并将输入<e

浏览 8提问于2013-10-09得票数 2

回答已采纳

2回答

嵌套元素正确居中

html、css

我有一堆li元素，它们是用内联块定位/显示的，因此是垂直对齐的。但是这些都不起作用，我也不明白为什么，因为这对这些嵌套元素来说是很有意义的。vertic

浏览 4提问于2015-09-08得票数 2

回答已采纳

1回答

将多行标签与输入对齐

forms、input、alignment

我遇到了一项棘手的任务。我想不出一个好的灵活的解决方案。谢谢!

浏览 2提问于2013-01-22得票数 0

1回答

表单样式设置垂直对齐

css、webforms、styling

标记为目标组I的部分无法使其垂直对齐。请看下面的截图。我已经添加了颜色边框来帮助调试css。下面是代码的精简版本<ul id="ulFilterList"> <div class="filterLabel" id="labelDates

浏览 0提问于2012-09-06得票数 2

回答已采纳

1回答

处理国际化的无表格表单布局

html、forms、layout、css

这里很简单的一个。好吧..。问起来很简单--没那么多可回答的。我遇到的问题是，我正在构建的应用程序必须允许国际化--用户可以单击链接并将区域设置更改为其他地方，随后所有标签中的文本都会更改为其他内容。因此，例如，在基于表的

浏览 2提问于2012-03-08得票数 1

回答已采纳

1回答

CSS网格中输入和标签的基线对齐

css、alignment、css-grid、baseline

标签出现在左边的列中，输入在右边。align-items属性设置为baseline。在Chrome中，标签和输入的文本在基线上垂直对齐。但在火狐v94中，标签的位置高于输入中的文本。下面是这个问题的一个最小可重现性的例子：

浏览 5提问于2021-11-18得票数 3

1回答

与表单输入垂直对齐奇怪的行为

html、css、twitter-bootstrap

我在玩引导表单元素，并注意到输入类型文本的垂直对齐属性在某种程度上影响了附近标签的定位。以下是代码：但当我开始： vertical-align: top;我希望看到输入元素<

浏览 1提问于2014-02-09得票数 1

回答已采纳

1回答

在选项卡窗格中创建行和列的最佳方法

html、css、twitter-bootstrap

我在创建表单时遇到了困难，该表单被放置在选项卡窗格中。当标签变长或窗口变小时，我的标签和输入元素似乎相互交叉。这就好像输入元素不知道标签</em

浏览 2提问于2014-12-22得票数 0

回答已采纳

3回答

在3列布局中定位/对齐中间元素

css、positioning、vertical-alignment、alignment

这是我当前的标记：。首先，我想要垂直对齐中间的元素，也要水平对齐中心。实际上，我确实尝试过在嵌套的3列布局中定位和对齐元素，但这种方法的主要

浏览 0提问于2011-08-21得票数 0

回答已采纳

1回答

如何将div与类pull-在bootstrap中垂直居中对齐

html、css、twitter-bootstrap

我想创建一个具有标签、输入字段和按钮的表单行。前两个元素应该左对齐，按钮应该右对齐。我尝试过pull-right类，但它破坏了按钮的垂直对齐方式。我想让它垂直居中。我尝试设置行高，但它破坏了标签的垂直对齐。(我也希望标签相对于输入垂直居中对齐) <form class="form-horizontal"

浏览 17提问于2015-09-09得票数 3

1回答

具有多个嵌套元素的水平中心Bootstrap3行流体容器

html、css、twitter-bootstrap-3、centering

我一直试图将.row-fluid容器与许多其他嵌套元素水平地对齐，但找不到正确的方法。另外，我需要把导航标签集中起来，我试着将text-center应用于它们，但它们没有移动。出于某种原因，当我将nav选项卡从第一个更改到其他选项卡时，整个容器移动了一点，改变了它的左边框，是因为第一个选项卡中的表吗？这是我输入代码的

浏览 4提问于2015-08-19得票数 0

回答已采纳

3回答

如何垂直对齐两个div中的元素？

javascript、html、css

一个div包含<label>元素，另一个div包含<input>元素。这两个div水平对齐。我需要垂直对齐标签和输入元素，以便每个标签下面都有它的输入。我可以通过将<label>和<input>元素放在<table>行/列中来实现上述要求。但我要求他们使用<div>

浏览 0提问于2013-04-05得票数 3

1回答

CSS垂直对齐:表格、表单和div的基线

html、css、forms、css-tables

我正在尝试构建一个包含输入、文本区域和块元素的表单，每个元素都有一个标签。为了得到灵活的网格，我使用了一个表格。为了匹配标签和输入/文本区域的垂直对齐，我设置了vertical-align: baseline;，它适用于输入和文本区域。但不适用于div ()。因此，div的标签在单元格的底部对

浏览 2提问于2011-10-24得票数 0

回答已采纳

4回答

输入框未正确对齐

html、css

.label{float:left}.div{float:right;width:75%}注意:我试着用最简单的例子来说明我所遇到的问题。包含第一个

浏览 0提问于2012-01-17得票数 0

回答已采纳

点击加载更多