2020-09-14 06:54发布
点击此处---> 群内免费提供SAP练习系统（在群公告中）加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）大家好， ... 显示全部
加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）
大家好，
我正在尝试设计一个响应式两列布局，其中每列水平包含一个Label和Input字段。
为此，我首先创建了一个跨度为6的网格。在该网格中，我添加了两个跨度为12的网格，因此这些网格将占用根网格50-50个空间。 我在子网格中添加了"标签"和"输入"字段，使其以2列的布局显示。 此设置根据Grid中定义的桌面/平板电脑/移动设备参数进行响应
在这里，我希望标签在中心垂直对齐。 我的问题是：标签始终显示为"顶部对齐"。 我不想在这里使用Form或SimpleForm，因为它进一步使方案变得更加复杂，包括Titles，Layout等...
如何解决此问题。
此致
父亲
你好，Sharath，
这里有一个问题。
我在其中应用了建议的CSS的网格如下
因此，对于移动设备，此网格中的标签和TextArea应该显示在另一个下方。 但是，应用此CSS后并不会发生这种情况（在下图中，该外观应类似于" Details"标签和" Text Area"）。 在我看来，通过应用此CSS，它就像一个HBox ！！
我的要求是：如何在不失去为Grid定义的响应能力的情况下垂直对齐标签。
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','http://www.easysap.com/data/attach/logo/logo.png', '推荐 微wx笑 的问题《网格中的垂直标签对齐》','https://www.easysap.com/answer/77100/213281.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
你好，Sharath，
这里有一个问题。
我在其中应用了建议的CSS的网格如下
因此，对于移动设备，此网格中的标签和TextArea应该显示在另一个下方。 但是，应用此CSS后并不会发生这种情况（在下图中，该外观应类似于" Details"标签和" Text Area"）。 在我看来，通过应用此CSS，它就像一个HBox ！！
我的要求是：如何在不失去为Grid定义的响应能力的情况下垂直对齐标签。
一周热门 更多>