html - 使用由三个单元格组成的菜单设置宽度

Question

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

我的问题是使用display:table-cell，我只能设置左右单元格的宽度，而我不能对中间的单元格做同样的事情。

我尝试使用
calc(100% - leftCellWidth - rightCellWidth)函数在我的 css 文件中写入中间单元格的宽度，但仍然无法正常工作。有人可以帮助我吗？太感谢了！

标签： htmlcss

Answer 1

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