css - 你能在背景图像重复之间创建空间吗?

标签 css background-image space background-repeat

是否可以重复背景图像,但在下一次重复开始之前指定像素数。

即背景:url(img.png) [40px 后] repeat-x;

我不想给图片添加空白区域。

最佳答案

background-repeat: space;
background-repeat: round; // round(520 / 100) = round(5.2) = 5

浏览器将在空间中渲染五张图片,但将图片宽度调整为 104px (520px/5)。图像变宽以适合容器。 Full details here 或阅读 Background Size property

关于css - 你能在背景图像重复之间创建空间吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15199863/

相关文章:

html - 当该行溢出时,IE7 显示表格中的一些单元格内容

css - 使用 CSS 通过背景加载单个图像有什么好处?

bash - 如何在 bash shell 脚本中容纳变量中的空格?

javascript - 在三个零之前插入空格

css - 背景图片不工作

c# - 路径中的空格问题,参数 C# 启动 python 脚本

javascript - 将元素放置在容器中

html - 让 TextArea 垂直填充页面的其余部分?

html - 是否可以将不同的 CSS 属性应用于没有 id 和 class 的标签?

css - 如果容器内容很小,则显示背景图像(响应式)