Spartacus页面点击tab之后,生成的border是generic的,并不是category navigation特有的:

SAP Spartacus category navigation按钮之间的间隔问题

因此处理category button本身被tab border遮住一部分的问题,一个思路可以将button与button之间的距离调大一点试试。或者研究这个border尺寸到底和什么有关。

SAP Spartacus category navigation按钮之间的间隔问题
SAP Spartacus category navigation按钮之间的间隔问题

category由nav标签实现:

SAP Spartacus category navigation按钮之间的间隔问题

SAP Spartacus category navigation按钮之间的间隔问题

如果取消margin-top, 会上移3px:

SAP Spartacus category navigation按钮之间的间隔问题

如果取消padding-top, 会上移20px:

SAP Spartacus category navigation按钮之间的间隔问题

去掉display: flex之后,变成竖行显示了:

SAP Spartacus category navigation按钮之间的间隔问题

IPad上显示的效果:

SAP Spartacus category navigation按钮之间的间隔问题

长度自适应的?

SAP Spartacus category navigation按钮之间的间隔问题

这大小写也不对啊!

SAP Spartacus category navigation按钮之间的间隔问题

这个padding inline end起了作用:

SAP Spartacus category navigation按钮之间的间隔问题

padding-inline-end改再大也没用:

SAP Spartacus category navigation按钮之间的间隔问题

还是要靠padding-inline-start啊

SAP Spartacus category navigation按钮之间的间隔问题
SAP Spartacus category navigation按钮之间的间隔问题
SAP Spartacus category navigation按钮之间的间隔问题

更多Jerry的原创文章,尽在:“汪子熙”:
SAP Spartacus category navigation按钮之间的间隔问题

相关文章:

  • 2021-10-24
  • 2021-10-18
  • 2022-01-03
  • 2022-12-23
  • 2021-09-01
  • 2021-12-10
  • 2021-12-27
  • 2022-12-23
猜你喜欢
  • 2021-08-12
  • 2022-12-23
  • 2022-12-23
  • 2021-09-27
  • 2021-09-26
  • 2021-12-28
  • 2021-11-22
相关资源
相似解决方案