3回答
我很清楚有人曾提出过有关的问题，但我仍然觉得这些问题不足以解决以下问题：
需要使用django.forms.Form构建一个具有所有字段标签对齐的表单。
当前发生的事情要么是标签的中心对齐，要么是选项位于标签下面，如下所示：
喜欢吃的吗？
太棒了
好吧
坏的
我想要的是
Liked the food:
o Great
o Okay
o Bad
Dish:
Beverage:
Membership ID*:
大多数小部件定制似
浏览 2提问于2013-12-24得票数 2
回答已采纳
2回答
我正在设计一个表单，其中该行的标签底部直线对齐，该行输入字段的顶部直线对齐。
(我们不能固定高度，因为它会有所不同)，我必须将表单元素的标签放在第一行，然后将它们各自的输入字段放在下一行(这样，输入字段就放在它们的标签下面)。
我用这个html结构测试了键盘和tab键顺序，它工作得很好。我想知道JAWS或任何其他屏幕阅读器中的阅读顺序是不正确的。
对于改变阅读顺序的任何方法有什么建议吗?或者，既然Tab键顺序是有效的，那么继续使用这种html结构是可以的吗？
浏览 4提问于2013-10-04得票数 2
我有一个HTML表单，输入字段已经居中，但它们没有垂直对齐。
我想让所有的标签和输入垂直对齐，这样所有的标签都在同一条垂直线上，所有的输入都在同一条垂直线上。
到目前为止，我所拥有的只是div中的字段：
<div class="container" align="center">
浏览 9提问于2018-07-14得票数 2
回答已采纳
我试图为我的HTML表单布局创建以下CSS规则：
每个标签和相应的输入元素分别占宽度的50%：
/label/ input
我希望能够对标签向右或向左对齐。(输入总是合理的左。)
我注意到-标签宽度似乎不能由CSS设置？
有什么好主意吗？谢谢
浏览 4提问于2010-11-24得票数 2
回答已采纳
3回答
我有这个Bootstrap水平表单，但问题是标签文本不对齐。如何对齐标签文本。
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
</head>
<body>
<div class="container">
<
浏览 1提问于2015-08-28得票数 0
我正在尝试使用CSS格式化表单。下面是我的HTML示例：
<div id='login'>
<h3>Log In</h3>
<form action='/' method='post' accept-charset='UTF-8'>
<div class='centerform'>
<label for='userId'>User Id:</label>
<input i
浏览 1提问于2016-12-08得票数 0
1回答
我有一个表单，其中既有HMTL标签，也有struts标签。我使用HTML标记是因为struts标记的对齐问题。
<s:form action = "setNode" name = "processing" method ="POST">
<script>
<!--
createTree(catArray);
</script>
<br/>
<s:radio name="processOption
浏览 0提问于2010-05-06得票数 0
回答已采纳
2回答
在表单的同一个<tr>中垂直对齐字段标签(自由文本)和表单元素(例如<input>)的最佳实践和最可移植的方式是什么？
我是将标签的底部与<input>的内容对齐，还是将标签的底部与<input>标签本身的底部对齐？你也可以举一些例子吗？
我的客户没有特别的要求，所以我只想遵循行业标准。
谢谢。
浏览 1提问于2010-12-13得票数 2
回答已采纳
1回答
我想要在水平方向显示输入表单，希望有它的标签作为标题(第一行是标题包括所有输入表单的标签，第二行朝向是重复输入的表单)。我尝试使用960网格系统，使用grid_2, grid_3为例，为每个字段及其标签申请。
然而，输入有边框，但标签没有，所以输入字段没有与标题(标签)紧密对齐。如果我尝试
input
{
border: 0;
}
然后它就会正确地对齐。但是使用这种方式，我看不到输入字段。
如何在没有输入边框不同的1或2像素的情况下垂直对齐？
浏览 4提问于2011-09-14得票数 0
回答已采纳
1回答
我遇到了一项棘手的任务。
我有一个表单，表单元素居中。(标签右对齐，输入左对齐)标签设置为一定宽度。当标签放入一行时，所有内容的样式和外观都完全对齐。
但是，正如您可以想象的，当label不适合并被分成两行时，它不再与输入字段完全对齐。
我想不出一个好的灵活的解决方案。
也许你有个建议给我。
谢谢!
浏览 2提问于2013-01-22得票数 0
1回答
我正在尝试使用CSS网格布局构建一个表单。标签出现在左边的列中，输入在右边。align-items属性设置为baseline。在Chrome中，标签和输入的文本在基线上垂直对齐。但在火狐v94中，标签的位置高于输入中的文本。
下面是这个问题的一个最小可重现性的例子：
<!DOCTYPE html>
<html>
<head>
<style>
.login-grid {
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 10px 2px;
align-items:
浏览 5提问于2021-11-18得票数 3
1回答
以前，我使用表格来正确地对齐我的表单，但我决定采用语义的方式，并使用无序列表。然而，现在我很难对齐单选按钮，因为在安莉标签中没有垂直对齐属性来轻松地将其与左侧的标签对齐。
这是我的问题的jsFiddle：
浏览 0提问于2012-03-08得票数 1
我想创建一个类似于的表单
特别是，我想学习如何将不同大小的输入框放在同一行上，下面是垂直对齐的标签。例如，在表单的"Name“部分，它有一个用于"first”和“last”的框。
如何在HTML和CSS中做到这一点呢？
浏览 2提问于2012-01-15得票数 1
回答已采纳
我知道过去也有人问过类似的问题，但我找不到一个匹配的解决方案来解决我的问题，所以请耐心等待。
我正在尝试构建一个带有一个文本框的表单，并在其下方显示各种复选框。在textbox和每个复选框的前面，但是我不明白为什么textbox标签没有与复选框中的标签对齐，并且复选框也没有与textbox对齐。
这是我到目前为止拥有的代码。注意，我使用的是(bootstrap-lumen.css)
@using (Html.BeginForm("Save", "Staffs"))
{
@Html.AntiForgeryToken()
<fieldset&g
浏览 1提问于2017-02-07得票数 0
2回答
我一直在寻找这个问题的现有答案，但还没有找到。我目前正在做一个Rails 3项目，其中一些表单分别具有单选按钮和复选框的多项选择/多项选择问题。我使用表单生成器样式，如下所示：
<%= form_for [@profile,@answer], :method => 'put', :url => { :action => 'update' } do |f| %>
<% if @options.nil? %>
<%= @error_message %>
浏览 3提问于2012-04-02得票数 1
回答已采纳
我有一个表单，我正在尝试使一行“对齐”，以便整行(由4个文本框和标签组成)适合精确的像素宽度(比方说800px)。通常，如果我只是在没有任何特殊css的情况下进行布局，它不会超过800px。我想把它“拉伸”到800px。我不关心我是否必须拉伸文本框或它们之间的空格。
这类似于MS word中的对齐布局，如果这有助于描述我正在寻找的内容。在html / css的表单布局中，这是可能的吗？
浏览 1提问于2013-04-14得票数 4
前几天，我偶然发现了Pure项目--一组由YUI团队发布的CSS模块。我想标准化我的网站上的表单，我喜欢他们的表单模块的外观。尤其是他们称之为对齐形式的形式。我将CSS添加到我的站点中，并将所需的样式添加到我的表单中，除了我的一组单选按钮之外，所有这些都工作得很好。在对齐的表单中，每个输入的标签在其标签的左侧，输入在标签的右侧。但是每个单选按钮都有单独的标签-这些标签的样式设置在按钮的右侧。我正在寻找的是一种方法，添加一个整体标签的一组按钮，这是样式向左和居中。
我确实找到了一种变通方法，但我更多地是在寻找一种专门的“纯”方式来做这件事。
我的解决方法是将无线电包含在字段集中，并使用字段集的图
浏览 6提问于2013-10-16得票数 2
我的表单如下所示：
**
<p><label>first name</label><input type=text name=fn /></p>
<p><label>last name</label><input type=text name=ln /></p>
</div>
<div id="rightform">
<p><label>state</label><in
浏览 1提问于2010-03-26得票数 1
回答已采纳
1回答
这里很简单的一个。好吧..。问起来很简单--没那么多可回答的。
似乎大多数没有表格的表单布局都需要将标签的宽度设置为一个设置的宽度，以便允许所有输入元素在右边对齐。例如
我遇到的问题是，我正在构建的应用程序必须允许国际化--用户可以单击链接并将区域设置更改为其他地方，随后所有标签中的文本都会更改为其他内容。
因此，例如，在基于表的表单布局中，有2列--一列用于标签，一列用于输入元素。所有输入元素都向左对齐，从而对齐所有行。很容易设置，这样标签列的宽度等于尽可能宽的标签。
但是，对于表单的无表布局，标签都必须有一个设置的宽度来对齐输入元素。你不能让它们都像最宽的标签那么宽。
我在找一个不包括：
浏览 2提问于2012-03-08得票数 1
回答已采纳
1回答
我想要创建一个表单，并在它旁边有一个复选框。目前，它看起来如下：
因此，复选框与表单的标签对齐，即它们在顶部对齐，但我希望两者在底部对齐。
应如何做到这一点？
这是我的密码：
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link
浏览 1提问于2018-04-11得票数 1
回答已采纳
我有一个表示表单的活动布局。表单包含几个表单字段，包括一个旋转器。
布局为ConstraintLayout类型。
因为旋转器控件没有基线，所以我不能垂直对齐我的“类别”标签。我使用24 dp在顶部作为一个临时。解决方案，但因为旋转器会增加高度，我不喜欢这个解决方案。
是否有更好的解决方案使这类标签正确地对齐？
浏览 2提问于2017-04-13得票数 2
回答已采纳
2回答
表单-垂直样式
、、
我对我的项目使用，正如您可能知道的，默认的表单对齐方式是垂直的，所以标签显示在表单字段的上方。您可以添加类form-horizontal以在表单域旁边显示标签。
我正在构建一个水平显示的表单，但我希望表单的一个子集是垂直对齐的。因此，我向该部分添加了类form-vertical，但它不会更改任何内容。
所以我查看了bootstrap样式表，其中没有form-vertical类的声明。
您有什么建议来解决(或变通)这个问题吗？
浏览 2提问于2012-10-12得票数 0
回答已采纳
13回答
我有一个带有单选按钮的表单，这些按钮与它们的标签在同一行上。然而，单选按钮并不与其标签垂直对齐，如下面的屏幕截图所示。
如何将单选按钮与其标签垂直对齐？
编辑：
下面是html代码：
<input checked="checked" type="radio" name="user_level" id="rd1" value="1"/>
<label for="rd1">radio 1</label><br/>
<input type=&
浏览 126提问于2012-11-22得票数 105
我一直在尝试对齐我的按钮和表单输入标签，但是如果我使用普通的HTML表单进行引导，似乎什么都不起作用。
<div class="input-group">
<input type="text" class="form-control">
<span class="input-group-btn">
<button class="btn btn-primary" type="button">Go!</button>
浏览 0提问于2015-04-06得票数 1
5回答
我在表单中对齐标签和输入字段时遇到问题。一次又一次，我都会得到这样的结果：
它是用HTML生成的，如下所示：
...
<ul>
<li>
<label for="STREET">Street</label>
<input data-val="true" data-val-required="The Street field is required." id="STREET" name="STREET" type="
浏览 0提问于2013-11-13得票数 4
2回答
给定以下HTML片段：
<form>
<p>
<label for="id_name">Name:</label>
<input id="id_name" maxlength="40" name="name" type="text">
</p>
<p>
<label for="id_format">Format:</label
浏览 0提问于2015-01-28得票数 0
回答已采纳
我希望将标签与同一行中的输入对齐，并使标签居中。如果我使用类label label-default (这是我喜欢的方面)，它会将标签放在顶部对齐。
下面是一个示例：
<div class="form-group form-horizontal form-group-sm vertical-align">
<label for="InputFieldA" class="label control-label label-default col-xs-4">Any</label>
<div c
浏览 0提问于2016-05-28得票数 0
嗨，我有一个大窗口，里面有一个表单，一些文本fields.by默认标签左对齐，它们的输入框居中对齐。有没有办法把输入框贴在左边的标签上？有没有关于如何在extjs上使用css的教程？
浏览 3提问于2011-02-26得票数 2
回答已采纳
1回答
我在玩引导表单元素，并注意到输入类型文本的垂直对齐属性在某种程度上影响了附近标签的定位。
顺便说一下，这个输入类型的文本有来自引导样式的10 By的页边距。
以下是代码：
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Boo
浏览 1提问于2014-02-09得票数 1
回答已采纳
我正在使用.form-horizontal来布局我的表单。我确实希望标签和表单域水平对齐。但是，在某些情况下，我需要多个表单域来水平对齐。例如，在一个收集信用卡信息的表单中，我想要这样的东西：
Name: [___________]
CC Expiry Date: [____] [____]
有没有办法在某些字段上使用.form-horizontal，在其他字段上使用.form-inline？
浏览 0提问于2013-07-15得票数 1
回答已采纳
1回答
我正在使用Autolayout来实现表单元格中两个标签的对齐。
基本上，如果所有文本都有空间，我需要的是底部标签与顶部标签的左边边距对齐，如果没有，则忽略页边距。
我所做的，使用了Interface：
我将顶部标签固定在顶部，尾随，首先，给它固定的宽度为100 (如果我不添加这个标签，那么底部标签就会正确地展开，但它也会拉伸上标签以保持左对齐)
还将底部标签固定在上、下和尾(优先级1000)
添加了优先级为750的底部标签的前导约束。
这似乎不起作用，但底部标签总是被剪裁，以适应上标签的长度，我不知道为什么。
浏览 1提问于2017-01-23得票数 1
回答已采纳
1回答
我正在尝试将一组输入字段和它们各自的标签对齐到html页面的中心。请看我附上的2张图片。第一个展示了我的目标，第二个显示了我已经取得了多大的成就。我的html代码很好，但是，我无法找到CSS代码来实现这一点。下面是css代码，它让我关闭了目标(图1)。我需要帮助的部分是涉及表单标签和表单输入方面的CSS代码。
body{
background-color: white;
}
#container{
background-color: lightblue;
width: 60%;
height: 700px;
margin-left: auto;
margin-right: auto;
ma
浏览 3提问于2019-12-25得票数 0
1回答
在不修改html的情况下，我如何使它的标签与图片中的顶部对齐：
<div class="col">
<label for="foo">Select:</label>
<select id="foo" name="select">
<option value="1">1</option>
<option value="2">2</option>
</select>
</div
浏览 5提问于2014-05-26得票数 0
回答已采纳
5回答
使用Bootstrap版本2.3.2，我有一个表单布局，类似于下面的图像，而且由于复选框有一个内联标签，因此存在对齐问题。
向input[type="checkbox"]添加页边距只会给复选框留出页边距，而不是内联标签。如何使复选框及其标签垂直对齐其旁边的文本字段？
这是，如果您感兴趣的话。
浏览 4提问于2013-10-11得票数 14
回答已采纳
我想显示复选框和无线电按钮水平而不是垂直(sidenote:是否有计划添加此对齐选项通过属性设置在控件本身？)为此，我创建了一个额外的CSS文件，它在表单的html版本中工作。
它过去在PDF中使用4.3，但是升级到4.6.2以后就不再是这种情况了。
为了进行测试，我创建了一个@media print部分，它隐藏了标签。当将Chrome中的媒体类型更改为打印时，部分将被执行，整个复选框将被隐藏。创建PDF时，标签会被隐藏，但是复选框仍然是可见的(与对齐方式相同；它们始终保持垂直)。
从外观上看，我有正确的CSS选择器(在html中工作，在PDF中部分工作)，但是收音机和复选框是什么呢？他们没有
浏览 2提问于2014-09-25得票数 0
回答已采纳
我正在构建一个显示用户信息的网页。看起来是这样的：
如彩色图例所示，表单包含一个标签和一个有序列表。CSS被用来同时给出display: inline并使列表显示为逗号分隔的组名列表。下面是相关的HTML片段：
<label>Group membership</label>
<ol>
<li>domain users</li>
<li>denied rodc password replication group</li>
</ol>
问题所在
形状的宽度作为一个整体是未知的(它是流
浏览 4提问于2013-09-19得票数 0
回答已采纳
3回答
在我的窗户上，我有一个GroupBox。我想在GroupBox中构建一个水平对齐的表单。对于水平对齐，我指的是标签和输入驻留在同一个网格行或x轴上的表单。单独的表单标签+输入驻留在自己的行中。
因为GroupBox只能有一个子内容，所以我想我需要使用Grid或StackPanel。我正在尝试使用StackPanel，因为这看起来更简单，应该能够实现我的目标。
我试图解决的问题是如何将输入和标签组合成一个单元，以便它们可以水平地驻留在彼此之间，但在StackPanel中垂直地堆叠为一对。
浏览 0提问于2016-04-03得票数 1
回答已采纳
1回答
我在引导3中创建一个表单。希望在它们周围的输入字段和标签看起来比引导在默认情况下要小。
为此，我创建了几个css类。
.input-field {
height: 20px
}
.label-size {
font-size: 10px;
line-height: 1.2;
}
但是，这给复选框的对齐造成了混乱。每个复选框的标签没有与复选框正确地对齐，而且字段的标签(标记)也显示为不对齐。
这是小提琴-
我该怎么纠正呢？
浏览 0提问于2017-06-15得票数 0
回答已采纳
我想把tex放在左边，它是表单中文本和输入字段之间的一个恒定间隔。
我试过GridLayout和Flexboxes。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The HTML5 Herald</title>
<meta name="description" content="The HTML5 Herald">
<meta
浏览 2提问于2019-11-07得票数 0
3回答
对于HTML和CSS表单，我使用自己的类和标记。我希望标签文本居中对齐。
我尝试使用行高，但当文本长度较大时，它会变得更加混乱。
有没有可能使用vertical align: middle;，因为它甚至不起作用
HTML：
<div class="type-details">
<div class="col-xs-12 no-padding text-group">
<span class="col-md-4 no-padding form-label">Placeholder:&
浏览 0提问于2016-07-09得票数 1
如何使input和select表单元素在中对齐，使它们的水平边框对齐，并使所有文本(包括标签)与基线对齐？
我希望在一行中有一个label和一个input表单元素，以及另一个label和一个select表单元素。因此，我希望select和input元素的水平边框对齐，我也希望所有文本(包括标签)对齐基线。有可能吗？
我无法在IE8或FF上实现它的胜利。我尝试使用box-sizing: border-box;强制使用相同的框模型呈现input和select。
请参阅，它有以下代码：
<form action="Submit" method="post">
浏览 2提问于2010-10-26得票数 4
回答已采纳
4回答
我的表单上有以下元素：
<li>
<label class="fixed" for="Interests">Program genre interests:</label>
<label for="Sports"><%=Html.CheckBox("Sports")%>Sports</label>
<label for="Comedy"><%=Html.CheckBox("Comedy"
浏览 1提问于2009-11-20得票数 1
回答已采纳
我正在尝试制作一个简单的两列html表单，输入字段并排，居中对齐，但标签在输入字段顶部左对齐。
我还想在标签上加一些顶垫，给他们一些喘息的空间。我也希望提交按钮居中对齐，我已经设法做到了，但努力与其余的。我已经花了几个小时来调整我的HTML，但都没有结果。任何帮助只是为了让结构正确，我们都很感激。请参阅下面的HTML和CSS代码，以及为我所需的输出提供的图像
附言:我知道bootstrap可能是解决这个问题的最好方法，但如果可能的话，我希望能够在纯HTML和CSS中达到预期的效果。
<!DOCTYPE html>
<html>
<head>
浏览 29提问于2018-08-30得票数 1
回答已采纳
2回答
如何将表单标签属性设置为left当前默认对齐到右侧我在控制台中签入，即默认css工作
.sapMLabel {
text-align: end !important;
}
我想让它向左对齐，如何实现同样的效果。
浏览 1提问于2014-08-18得票数 1
回答已采纳
4回答
我有一个表单标签上的提交按钮是输入的，很明显。文本对齐显然不起作用。我不想使用空白符-left，因为我的宽度以后可能会改变，我想让它更“合适”。你能想到什么办法吗？
HTML：
<input type="submit" value="Subscribe" name="jetpack_subscriptions_widget">
CSS：
#blog_subscription-3 input[name="jetpack_subscriptions_widget"] {
margin-left:25px;
}
浏览 0提问于2011-12-10得票数 7
回答已采纳
2回答
使用引导带，是否有一种优雅的方法使表单的所有标签在每一行中都具有相同的高度，从而使输入在底部对齐？
请看一下这个。
我想要的是第二个标签“和左一样高”的高度和左边的标签一样高。或者，如果右边的输入与另一个输入是底部对齐的，那也是可行的。
浏览 9提问于2015-10-19得票数 1
4回答
我有HTML表单，包含标签和输入(单选按钮)。我使用了clear:both;和float:left;来对齐左边的标签和前面同一行的输入，这起作用了，但这也会影响单选按钮。我有两个标签，然后是单选按钮，然后是一个标签，然后是单选按钮。我如何对齐所有这些(2个标签+单选按钮+标签+单选按钮)在一行？
我试着使用float:none和display:inline;，但没有起作用。标签和单选按钮出现在标签的底部。
form label {
width: 225px;
font-weight: bold;
float: left;
clear: both;
}
for
浏览 6提问于2016-01-19得票数 2
回答已采纳
1回答
我有5个标签，在设计时我将1放在顶部，然后是2对齐到顶部，然后是3，4和5对齐到顶部。如果我在android上编译和运行我的应用程序，标签的顺序是1 5 4 3 2，我不知道为什么会这样。我可以使用几个矩形或面板来放置我的标签，但我想利用标签的自动调整大小功能，如果我可以修复Delphi 10.3.3社区版的顺序问题，那就太棒了，因为我想这是Delphis的错误，因为我只是将它们放在一个表单上，它们与我的顶级对齐的顺序不一致。
浏览 15提问于2021-01-16得票数 1
回答已采纳
1回答
使用引导带4，在我的角5应用程序中，我有两个表单组，就在彼此旁边。当其中一个的文本标签比另一个长得多时，输入字段就不会对齐，当页面上有这样的多行时，这看起来很奇怪。
你可以清楚地看到我在的意思
我如何告诉它，我希望两个输入标签垂直对齐，并使标签“向下推”与输入字段？
浏览 0提问于2018-10-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
