问答详情
源自:3-5 移动端项目开发--表示层(page1)

border-box 疑问

为什么灯笼那儿文字处理  设置了内边距之后  设置border-box 可以实现文字在中间位置  而图片还是不动和之前一样呢.没理解到

提问者:慕用8382493 2020-01-09 16:35

个回答

  • Erinnn
    2020-03-13 20:54:33

    有三级 border padding content

    我理解的是图片在border内部 而文字在content内部

    71.2vh如果不加border-box指的是content的大小,加了以后就变成了border大小;所以图片还是和原来一样,而文字因为padding处于灯笼内部。

    还有一种方法是不加border-box直接把高度改为40.2vh(71.2-31);