登录
首页 >  文章 >  前端

如何设置宽度不固定的 div,保持左右边距始终为 1rem?

时间:2024-10-29 20:30:59 326浏览 收藏

本篇文章给大家分享《如何设置宽度不固定的 div,保持左右边距始终为 1rem? 》,覆盖了文章的常见基础知识,其实一个语言的全部知识点一篇文章是不可能说完的,但希望通过这些问题,让读者对自己的掌握程度有一定的认识(B 数),从而弥补自己的不足,更好的掌握它。

如何设置宽度不固定的 div,保持左右边距始终为 1rem?

如何设置宽度不固定但左右边距为 1rem 的 div?

问题描述:如何设置一个div的宽度不固定,但是居左右边距都是1rem?希望不用百分比表示,因为在不同的屏幕上差距太大,希望左右边距始终为 1rem。

答案:

实现此效果的 css 代码如下:

div {
  margin-left: 1rem;
  margin-right: 1rem;
  background-color: blue;
}

这个解决方案使用 margin-left 和 margin-right 属性,无论 div 的宽度如何,都能确保其左右两侧的间距为 1rem。

终于介绍完啦!小伙伴们,这篇关于《如何设置宽度不固定的 div,保持左右边距始终为 1rem? 》的介绍应该让你收获多多了吧!欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识,快来关注吧!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>