CSS:在Bootstrap表单中垂直对齐输入

文章/答案/技术大牛

发布

2回答

css

我有一个使用普通老式css的Laravel old应用程序：我想要一个简单的注册表与一个名称字段，一个电子邮件字段和两个密码字段。我想将它们彼此对齐，而不是在下面的屏幕截图中如何做 <form class="form-inline d-flex" action="{{ route('register') }}" method=submit" class="btn btn-primary btn-block"> @lang('Cr

浏览 15提问于2019-06-03得票数 0

回答已采纳

1回答

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

html、css、twitter-bootstrap

我在玩引导表单元素，并注意到输入类型文本的垂直对齐属性在某种程度上影响了附近标签的定位。以下是代码：<html> <title>Bootstrap 101 Template</title> <meta name="viewport&qu

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

回答已采纳

1回答

无法获得输入以对齐引导带4列内的垂直中心

css、bootstrap-4

我试图创建一些表单元素并垂直对齐列中的输入。我试过使用vertical-align:middle;和margin:auto 0;，但两者似乎都不起作用。 vertical-align:middle;} <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/b

浏览 0提问于2019-01-28得票数 0

回答已采纳

3回答

引导后垂直对齐

html、css、twitter-bootstrap

我希望这个元素是垂直对齐的，但是我没有成功，我已经在网上搜索了一段时间了，有人说我也应该指定一个line-height值，但是它对我来说不管用。 line-height: 20px;} <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"><&#

浏览 4提问于2016-04-27得票数 4

回答已采纳

2回答

Bootstrap:如何控制每个网格行的高度？

twitter-bootstrap-3

我正在使用Bootstrap的网格来对齐输入、按钮和警告消息。然而，我发现警告消息的高度比按钮和输入的高度要高得多。有没有办法使网格中所有元素的高度保持一致？

浏览 0提问于2015-10-13得票数 0

1回答

Bootstrap 3.0上垂直对齐的输入表单

html、input、twitter-bootstrap-3、label、vertical-alignment

我有两种输入表单不能垂直对齐文本和字段的情况。在第一个例子中，问题出在标签(两者都应该在底部对齐，字段一起)，在第二个例子中，问题出在最后一个radiobox及其标签上。您可以在下面查看问题。它应该与第二个radiobox和labels对齐(顶部对齐)。align应该在移动和桌面大小中运行。 /3.3.4/js/bootstrap.

浏览 2提问于2015-04-27得票数 0

1回答

CSS在div中正确的子div对齐方式

html、css、alignment、stylesheet、markup

关于我的CSS样式，我有下一个问题： (只是发布了没有文档类型等的表单内容，因为网页没有其他div，并且这个代码块是我的html文档中唯一的主体)。它的CSS样式： html, body width: 100%;

浏览 3提问于2013-06-24得票数 0

回答已采纳

2回答

php文件不接受css

php、html、css

我希望输入字段和文本输出居中。因为我用form标记创建了输入字段，所以我认为如果我用form标记在CSS文件中插入对中的内容就足够了。但是，该位置忽略CSS文件(页面上的所有其他设置都在CSS文件之上工作)。可能是什么原因？form { height:160px; top:5

浏览 2提问于2019-01-28得票数 0

回答已采纳

2回答

如何垂直对齐包装器或整个容器？

html、css、twitter-bootstrap

如何垂直对齐整个容器或包装器？</div> </div> </div> </div> 正如你在小提琴中看到的那样(我的海关css不涉及小提琴，但对情况不重要，大部分是文字对齐，着色，装饰等)。

浏览 0提问于2019-03-08得票数 1

回答已采纳

2回答

移动设备上的Bootstrap* Center徽章文本*

javascript、css、reactjs、bootstrap-4、reactstrap

我在react项目中使用了一个Badge元素reactstrap。<Badge color="info">{item.price + "$"}</Badge>我尝试了垂直对齐，中间对齐，项目居中<e

浏览 1提问于2021-03-25得票数 0

1回答

垂直对齐适用于应用于元素或其他内联块元素？

css

嘿，伙计们，我只是在玩一些CSS，我刚开始接触CSS，我做了以下简单的演示： <label for="test">Name</label> //vertical-align: middle;现在标签“看起来”与输入完全垂直对齐，我想

浏览 3提问于2015-05-26得票数 0

回答已采纳

13回答

Bootstrap 4中的垂直对齐中心

css、twitter-bootstrap、bootstrap-4、flexbox、bootstrap-5

我正在尝试使用Bootstrap 4将我的Container放在页面的中间，到目前为止我还没有成功。任何帮助都将不胜感激。我在 Codepen.io 所以你们可以试着使用它，让我知道什么是有效的，因为我几乎没有想法了…… var currentAuthor = "";function

浏览 166提问于2017-02-15得票数 437

回答已采纳

2回答

Bootstrap3表单-在较大的屏幕上水平呈现良好，但不能在移动设备上呈现

android、html、css、twitter-bootstrap、mobile

我似乎不明白为什么bootstrap 3不能在较小的屏幕上正确地呈现表单-水平。有没有什么想法是我错过/弄错了？

浏览 0提问于2016-03-01得票数 0

1回答

我不能成功地使用“行垂直对齐”。Bootstrap/HTML

html、css、twitter-bootstrap-3

我正在创建一个登录页面(Python/Flask)，登录表单将是该页面上显示的唯一元素。我希望窗体在水平和垂直方向上都居中。我设法使它水平居中，但我找不到垂直对齐方式。我找到了这个有用的答案-> vertical-align with Bootstrap 3，但我的大脑就是不能理解它。我也不确定我是否正确地引用了main.css文件，并且完全不确定如何在main.css中引用contaier来垂直<e

浏览 8提问于2020-04-07得票数 1

回答已采纳

1回答

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

vaadin、vaadin12

我使用Vaadin13 beta1预发行版创建了一个在表单中使用的自定义字段。newPresentationValue.getStartStr()); } } 在不同但相关的注释中更新#1 基于下面的@Jouni注释，我试图创建一个简单得多的表单布局，它只有几个“简单”的字段(例如，所有的文本字段，没有什么像复选框一样花哨)。但问题依然存在。

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

2回答

如何使用引导5垂直对齐一行中的文本

html、css、twitter-bootstrap、bootstrap-5

我试图在一行中间垂直对齐文本。<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet

浏览 4提问于2022-07-18得票数 -1

回答已采纳

3回答

引导列中垂直对齐文本

css、twitter-bootstrap

我需要树列中的树单元格(cod-4)，它具有一个图像，它决定单元格的高度，并垂直于中间对齐的文本，如下所示：这就是我得到的(CodePen )：<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"></script> <sty

浏览 3提问于2017-03-31得票数 1

回答已采纳

3回答

将按钮插件输入与文本对齐

html、css、twitter-bootstrap、twitter-bootstrap-3

我有一个表单与2个输入，文本输入和提交表单的按钮。我希望将左侧的文本与文本输入字段对齐。这里有一个小提琴：.text, .form{}<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstra

浏览 32提问于2019-10-31得票数 1

2回答

如何在引导5表格单元格中垂直对齐文本？

html、css、twitter-bootstrap、bootstrap-5

我创建了一个表格，我希望其中一个单元格具有垂直对齐。引导5文档 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/<e

浏览 3提问于2022-01-27得票数 3

1回答

用于垂直对齐type=text输入和type=image输入的可移植超文本标记语言/样式表？

html、css

"Enter a foo:“对齐得很好，但另外两个输入与文本框对齐得很差；它们大约太高了7个像素。如果我将align=“中间”添加到图像输入中，那么它们将向下移动12个像素，因此它们低了5个像素，这让我感到惊讶。更令人困惑的是，CSS的垂直对齐属性不会影响输入元素(它们会忽略它)，所以我很难想象如何在CSS中解决这个问题。有没有人知道一种浏览器可移植的方法来制作一个带有标题、输入<

浏览 2提问于2009-06-17得票数 4

回答已采纳

点击加载更多