Spartacus页面点击tab之后,生成的border是generic的,并不是category navigation特有的:
因此处理category button本身被tab border遮住一部分的问题,一个思路可以将button与button之间的距离调大一点试试。或者研究这个border尺寸到底和什么有关。
category由nav标签实现:
如果取消margin-top, 会上移3px:
如果取消padding-top, 会上移20px:
去掉display: flex之后,变成竖行显示了:
IPad上显示的效果:
长度自适应的?
这大小写也不对啊!
这个padding inline end起了作用:
padding-inline-end改再大也没用:
还是要靠padding-inline-start啊