Question

怎么用div+css实现中文导航栏下跟一行英文导航栏

主要是上面中文的14px。下面英文是8px，用font-size属性的话，在谷歌浏览器默认最小是12px，但是如果用transform:scale()属性的话，整个英文缩小了，就一直不能对齐。试着把英文单独用一行，还是不能对齐，因为每个格子的长度也是不同。求大佬教一下

Answer 1

可以用table，然后给下方的td设置transform的子元素。或者直接先定义了宽，然后再弄transform的子元素。或者英文的部分干脆先计算好，例如20px的宽就width:40px，然后scale为0.5。

追问

首先table肯定是不能用了，公司有规范，除非遇到特别复杂的表单功能，不然禁止使用table布局。第二个英文部分是字体为8px，而且每个字体的长度是不一样的，你看能不能再优化一下，或者帮忙写一下试试

追答

例如将字体设为16px，然后scale(0.5)，不知道这样行不行

追问

这样不行了，试了无数方法，只有把每个菜单栏切成图片再放进去了，单独定义的话因为下面英文缩小了。反正我是调了很久也是调不出来这种对齐方式，如果是居中对齐的话还行，左对齐对不齐，如果非要搞的话，应该只能每个菜单给一个div，不能用ul li来定义了