网格中的垂直标签对齐

2020-09-14 06:54发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


大家好,

我正在尝试设计一个响应式两列布局,其中每列水平包含一个Label和Input字段。

为此,我首先创建了一个跨度为6的网格。在该网格中,我添加了两个跨度为12的网格,因此这些网格将占用根网格50-50个空间。 我在子网格中添加了"标签"和"输入"字段,使其以2列的布局显示。 此设置根据Grid中定义的桌面/平板电脑/移动设备参数进行响应

在这里,我希望标签在中心垂直对齐。 我的问题是:标签始终显示为"顶部对齐"。 我不想在这里使用Form或SimpleForm,因为它进一步使方案变得更加复杂,包括Titles,Layout等...

如何解决此问题。

此致

父亲

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


大家好,

我正在尝试设计一个响应式两列布局,其中每列水平包含一个Label和Input字段。

为此,我首先创建了一个跨度为6的网格。在该网格中,我添加了两个跨度为12的网格,因此这些网格将占用根网格50-50个空间。 我在子网格中添加了"标签"和"输入"字段,使其以2列的布局显示。 此设置根据Grid中定义的桌面/平板电脑/移动设备参数进行响应

在这里,我希望标签在中心垂直对齐。 我的问题是:标签始终显示为"顶部对齐"。 我不想在这里使用Form或SimpleForm,因为它进一步使方案变得更加复杂,包括Titles,Layout等...

如何解决此问题。

此致

父亲

付费偷看设置
发送
4条回答
空代码
1楼-- · 2020-09-14 07:19

对于持有标签的网格容器,尝试以下CSS。

 {
 显示:flex;
 证明内容:中心;
 } 
葫芦娃快救爷爷
2楼-- · 2020-09-14 07:22

你好,Sharath,

这里有一个问题。

我在其中应用了建议的CSS的网格如下

  

因此,对于移动设备,此网格中的标签和TextArea应该显示在另一个下方。 但是,应用此CSS后并不会发生这种情况(在下图中,该外观应类似于" Details"标签和" Text Area")。 在我看来,通过应用此CSS,它就像一个HBox !!

我的要求是:如何在不失去为Grid定义的响应能力的情况下垂直对齐标签。

d56caomao
3楼-- · 2020-09-14 07:16

有人可以在这里提供解决方案吗?

此致

SAP Learner

愤怒的猪头君
4楼-- · 2020-09-14 07:02

有人可以在这里给我一个解决方案,该解决方案将标签垂直居中对齐,而不会降低响应速度。 有关更多详细信息,请参考上面与Sharath的对话。

一周热门 更多>