border-box 疑问

来源:3-5 移动端项目开发--表示层(page1)

慕用8382493

2020-01-09 16:35

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

写回答 关注

1回答

  • 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);

HTML5+CSS3实现春节贺卡

又逢新春佳节,春节贺卡搞起来,学会HTML5+CSS3实现春节贺卡

110057 学习 · 450 问题

查看课程

相似问题