CSS网格中表单元素的垂直居中

文章/答案/技术大牛

发布

1回答

html、css、centering、css-grid

我有一个表单html/css布局，它模拟了Material Design样式： <input id="feedName我试图将其作为CSS Grid中的grid-item居中。仅对于文本项，我可以居中： /* text-only item vertical

浏览 2提问于2018-02-12得票数 1

回答已采纳

2回答

绘制完全居中的网格还是十字(对于<div>)？

css

有时我希望div中的元素水平或垂直居中(而不是实际编写代码居中)，显然设计者在他们的应用程序中有网格来帮助他们做到这一点。有没有可能在css中创建类似这样的东西来绘制网格，或者为特定的div绘制一个简单的十字，这样就可以更容易地在该div中移动元素(因为这些线条可以指导我了解元素的居中位置)？谢谢！

浏览 2提问于2017-02-02得票数 1

1回答

为什么按钮中的文本总是垂直地居中？

html、css、layout、typography

我想把div的样式和按钮完全一样。我注意到当我给按钮一个特定的高度时，文本总是垂直地居中。哪个属性使文本垂直居中，而不需要任何附加包装？这里发生什么事情？

浏览 2提问于2018-12-28得票数 1

回答已采纳

2回答

如何用bootstrap使Hero图像中的文本居中

html、css、twitter-bootstrap-3

目前，我已经找到了一种使用bootstrap CSS中的"carousel-caption“类来实现这一点的方法，但它似乎并没有像预期的那样工作。</h1> </div> </div>这会产生一个标题，但图像不会拉伸，标题也不会垂直居中，我不知道如何在当前的旋

浏览 2提问于2016-04-22得票数 3

1回答

如何垂直中心在雨纯-css？

css、yui-pure-css

我使用purecss (purecss.io)，到目前为止，它的工作非常棒，但是我还没有在它们的响应网格中实现垂直中心。我有一个div (class=“纯-U-1-3”)，它自动具有它的父元素的高度。我想垂直居中一个表单(也尝试在div中包装)在这个里面。我尝试了我在StackOverflow和许多其他来源网上找到的所有东西。不幸的是，似乎纯粹的-css正在摧毁它

浏览 2提问于2014-05-30得票数 2

回答已采纳

3回答

离子含量内的离子4中心离子网格

flexbox、ionic4

我有一个简单的离子内容，里面有一个离子网格，一个h1。如何在离子内容中垂直居中离子网格？并在离子网格中将h1垂直居中？ion-content { height: 100vh; align-co

浏览 5提问于2018-11-26得票数 5

1回答

无法想出如何在Wordpress主题中对div进行居中

customization、themes、css

好人，position: absolute; right: 0; bottom: 0; 和其他许多人一样，我发现这会造成重大的问题我认为问题的根源可

浏览 0提问于2018-02-02得票数 1

回答已采纳

2回答

在CSS网格的网格区域中有检测鼠标覆盖的方法吗？

css、hover、mouseover、css-grid、image-enlarge

到目前为止，我没有任何代码可以提供，因为这只是一个假设性的问题。每当mouseOver或悬停事件发生在图形元素各自的垂直部分时，我正尝试将每个较小图形的版本放大。与其将大图像分割成三个相邻的图像，我还想知道是

浏览 3提问于2018-09-18得票数 2

回答已采纳

2回答

使用display:table进行布局/表示？

css、html、semantic-markup

相反，我认为display:table没有任何隐含的语义含义，它可以用于布局/表示目的，也可以用于显示表格数据。使用display:table进行布局有什么问题吗？如果有，你能提供更多的细节吗？

浏览 0提问于2013-09-13得票数 2

4回答

jquery移动垂直对齐返回按钮

html、css、jquery-mobile

我一直在使用jquery移动页面中的后退按钮，我需要的是垂直对齐后退按钮。在标题中提前感谢

浏览 1提问于2012-02-21得票数 2

3回答

水平和垂直居中的css技巧

css

我的.cent类是用于<li>元素的。我想让<li>的文本水平和垂直居中。text-align:center;负责水平居中，但垂直居中不起作用。CSS的诀窍是什么？

浏览 5提问于2010-12-16得票数 5

回答已采纳

3回答

徽标和两个文本div在页面上垂直和水平地居中。

html、css、layout

实现此布局的最佳方法和最佳实践是什么？这意味着它将在iPad、安卓或桌面上保持一致。CSS网格？Flexbox？徽标div应垂直和水平地在页面上居中。文本div应该居中于徽标div的中间。

浏览 2提问于2018-03-04得票数 0

回答已采纳

1回答

将子分区居中放置在网格布局上

html、css

我已经创建了一个基本的网格，它覆盖了整个页面，使用1fr表示列，1fr表示行数。此网格是使用父div创建的。子div是我想要在分配的网格中间居中的位置。我已经赋值了子元素的绝对位置和父元素的相对位置，并使用了以下代码，几个来源都引用了这些代码来居中，当我删除网格并指定父元素的高度和宽度时，它确实可以使

浏览 31提问于2020-09-24得票数 0

2回答

Office UI Fabric网格中的垂直单元格对齐

css、office-ui-fabric

Office UI Fabric提供了一种网格布局机制，文档为。行(“ms-Grid- row”类)中的列条目属于"ms-Grid-col“类。我无法使列条目的垂直对齐方式正常工作，因为所有条目都是以顶部对齐方式呈现的。据我所知，css属性"align-items: center;“应该可以做到这一点，但它不会影响垂直对齐。是否可以覆盖垂直对齐，使网格中的所有条目居中对齐？

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

2回答

如何在窗体中垂直居中带有图像的按钮元素？

html、css、forms

我正在使用HTML和CSS构建响应式单页聊天应用程序的用户界面。该接口必须包含用于提交消息的<form>元素。在<form>元素内部，我有<textarea>元素和作为提交按钮的<button>元素。按钮里面必须有两个图像，一个在另一个的中心，经过大量的努力和搜索，我设法做到了。问题是我希望这个<button>和<textarea&g

浏览 0提问于2017-08-02得票数 0

1回答

需要帮助确定解决方案，以对齐或调整表格元素，而不会弄乱其他元素

html

我正在尝试建立一个简单的网页。我使用的是表格元素，页面几乎就是我想要的样子。我想知道如果可能的话，如何将“隐藏、数量、总数”信息块对齐到表格顶部，同时将两个计算信息块对齐到底部？如果可能的话，我不希望在代码中添加大量的div元素。这就是我想要的布局。

浏览 0提问于2013-09-11得票数 0

2回答

HTML中垂直对齐的纯文本

html

如何在HTML中设置任何垂直对齐的纯文本？

浏览 0提问于2010-05-28得票数 1

回答已采纳

2回答

网格垂直中心化文本CSS

html、css

我正在尝试创建一个有四个不同象限的网格。在每个象限中，我希望文本的垂直和水平居中。我的文本是水平的，但不是垂直的。这是我的一部分网格的图片。 .gridcontainer { grid-template-columns: auto aut

浏览 5提问于2020-07-25得票数 1

回答已采纳

2回答

无法知道如何在桌面或移动设备上对此按钮和标题进行居中

javascript、html、css

我有一个自定义块的代码在我的网站上，但我坚持想知道如何垂直中心我的按钮和标题在这个块。每当我尝试调整桌面，并使它垂直中心移动版本混乱。下面是我设置的代码：.custom-html-block { border: 5px solid #388697; border-radius: 0px;

浏览 7提问于2022-04-23得票数 3

3回答

HTML和CSS，不能用边距自动水平地居中

html、css

在页面的导航栏中垂直对元素居中存在问题。这是我的密码：body {} background-color: #f2f2f2;} displayAbout</a> <a href="#">Contact</a> &l

浏览 7提问于2022-07-11得票数 1

回答已采纳

点击加载更多