通过三个单元格组成的菜单设置宽度

Question

我正在尝试创建一个由三部分组成的菜单。左侧的第一部分带有“刷新”按钮；中间的一个带有我的徽标，最后一个在左侧，带有经典的“嗨，用户”和一个下拉菜单。

我的问题是使用with frmEditPerson do begin PersonID := Self.qryPerson.FieldByName(ID).AsInteger; ... end; // Explanation // qryPerson --> frmEditPerson.qryPerson; // Self.qryPerson --> frmRegPeople.qryPerson; ，我只能设置左右单元格的宽度，而中间的单元格则不能。

我尝试使用
在css文件中写入中间单元格的宽度 display:table-cell功能，但仍然无法正常工作。 有人可以帮我吗？ 非常感谢！

Answer 1

我认为您正在寻找的是float:left或display: inline-block;，如果您愿意，可以创建一些codepen，而我可以帮助您。当然，您也可以在google xd中搜索内容。这是我尝试创建的东西（它简单而简约，您需要做的就是添加自定义CSS）：https://codepen.io/anon/pen/VqpzXd

Answer 2

我建议您使用所有现代浏览器都支持的css-grid wich :)

Here您可以进一步了解