没有什么好的思路,这种菜单应该怎么画呢?

作者站长头像
站长
· 阅读数 6

没有什么好的思路,这种菜单应该怎么画呢?

菜名和价格可以左右对齐,但是这中间的虚线或者点应该怎么做,放在他们中间,我没什么好的思路

我目前想的是设一个基准,比如说一百个‘·’,然后菜名多一个字就减去几个点,价格多一位就减去几个点,这个思路,但是又感觉不一定对得齐

回复
1个回答
avatar
test
2024-06-26

flex即可,左右两边的菜名和价格就不说了,直接flex: 0 0 auto就行,按实际需求设置下超出多少宽度就显示


中间的虚线,flex: 1 1 100%,然后画个虚线就行画虚线方式很多,看哪种符合你的需求即可

  1. 可以用background-image搞个线性渐变
  2. 用伪元素做个边框
  3. 用背景图
  4. ...
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容