V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
sarlanori
V2EX  ›  问与答

关于设置 border-image 后 div 内布局空间变得很小的问题

  •  
  •   sarlanori · 2022 年 6 月 7 日 · 572 次点击
    这是一个创建于 1401 天前的主题,其中的信息可能已经有所发展或是发生改变。

    我使用如下 css 设置 div 的边框图片后,div 中的布局空间由于 border 的原因变得很小,内容距离边缘太远了。

    我尝试过如下方法,但都有一些问题:

    1. 将内层 div 使用相对定位

      position: relative;
      top: -20px;
      left: -125px;
      

      这个能够解决左边和上边距离边缘太远的问题,但右边和下边距离边缘还是太远。我尝试过设置 rightbottom,但不起作用。宽度和高度会随着窗口大小变化,不能设成固定值

    2. 监听外层 div 大小改变事件,并设置内层 div 的大小,但是这样又把外层 div 给撑大了。

    我是业余前端,想了很久也没能解决这个问题😂,希望大家能帮忙解决,谢谢😀。

    边框图片:

    边框图片

    目前尚无回复
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   3920 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 45ms · UTC 05:06 · PVG 13:06 · LAX 22:06 · JFK 01:06
    ♥ Do have faith in what you're doing.