- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在应用 SVG 图像 mask 来创建一个框架和图像,如下所示:
img {
mask-repeat: no-repeat;
mask-size: 100% 100%;
mask-image: url('i/test-mask.svg');
}
预期结果: mask 应不成比例地拉伸(stretch)以适应元素的大小。据我所知,掩码大小应该像背景大小一样工作,并且这在背景大小中按预期工作(将背景宽度拉伸(stretch)/扭曲为包含元素宽度的 100%,将高度拉伸(stretch)/扭曲为包含元素宽度的 100%元素的高度)。
实际结果:蒙版包含到图像高度的 100%,但保持比例,因此不会显示图像的整个宽度。
我在这里错过了什么?
这是一个工作示例:
img.masked {
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 230" xml:space="preserve"><path d="m4.5 225.2 4.8 4.8 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9.1-9.2 9 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9-9.2 9.1 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9.1-9.2 9 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9-9.2 9.1 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9.1-9.2 9 9.2h.1l4.7-4.7-5.3-5.4 8.6-8.6v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7V155l-8.6-8.6 8.6-8.6v-1.1l-8.6-8.7 8.6-8.6v-1.1l-8.6-8.7 8.6-8.6v-1.1l-8.6-8.7 8.6-8.6v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.6V8l-7.9-8h-.1l-9 9.2-9.1-9.2h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2-9.1-9.2-9.1 9.2L301 0h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2-9.1-9.2-9.1 9.2-9.1-9.2h-.1l-9 9.2-9.1-9.2h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2-9.1-9.2-9.1 9.2L137 0h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2L82.3 0l-9.1 9.2L64.1 0 55 9.2 45.9 0h-.1l-9 9.2L27.7 0h-.1l-9.1 9.2-9-9.2h-.1L.3 9.2.1 9l-.1.1v1.1l8.6 8.6L0 27.4v1.1l8.6 8.7L0 45.8v1.1l8.6 8.7L0 64.2v1.1L8.6 74 0 82.6v1.1l8.6 8.6L0 101v1.1l8.6 8.6-8.6 8.7v1.1l8.6 8.6-8.6 8.7v1.1l8.6 8.6-8.6 8.6v1.2l8.6 8.6-8.6 8.6v1.1l8.6 8.7-8.6 8.6v1.1l8.6 8.7-8.6 8.6v1.1l8.6 8.7z"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 230" xml:space="preserve"><path d="m4.5 225.2 4.8 4.8 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9.1-9.2 9 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9-9.2 9.1 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9.1-9.2 9 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9-9.2 9.1 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9.1-9.2 9 9.2h.1l4.7-4.7-5.3-5.4 8.6-8.6v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7V155l-8.6-8.6 8.6-8.6v-1.1l-8.6-8.7 8.6-8.6v-1.1l-8.6-8.7 8.6-8.6v-1.1l-8.6-8.7 8.6-8.6v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.6V8l-7.9-8h-.1l-9 9.2-9.1-9.2h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2-9.1-9.2-9.1 9.2L301 0h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2-9.1-9.2-9.1 9.2-9.1-9.2h-.1l-9 9.2-9.1-9.2h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2-9.1-9.2-9.1 9.2L137 0h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2L82.3 0l-9.1 9.2L64.1 0 55 9.2 45.9 0h-.1l-9 9.2L27.7 0h-.1l-9.1 9.2-9-9.2h-.1L.3 9.2.1 9l-.1.1v1.1l8.6 8.6L0 27.4v1.1l8.6 8.7L0 45.8v1.1l8.6 8.7L0 64.2v1.1L8.6 74 0 82.6v1.1l8.6 8.6L0 101v1.1l8.6 8.6-8.6 8.7v1.1l8.6 8.6-8.6 8.7v1.1l8.6 8.6-8.6 8.6v1.2l8.6 8.6-8.6 8.6v1.1l8.6 8.7-8.6 8.6v1.1l8.6 8.7-8.6 8.6v1.1l8.6 8.7z"/></svg>');
}
img {
display: block;
margin-top: 20px;
}
svg.example {
max-width: 500px;
}
<p>Masked image:</p>
<img class="masked" src="https://picsum.photos/500/250" width="500" height="250" />
<p>Original Image:</p>
<img src="https://picsum.photos/500/250" width="500" height="250" />
<p>Image Mask:</p>
<svg class="example" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 230" xml:space="preserve"><path d="m4.5 225.2 4.8 4.8 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9.1-9.2 9 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9-9.2 9.1 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9.1-9.2 9 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9-9.2 9.1 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9.1-9.2 9 9.2h.1l4.7-4.7-5.3-5.4 8.6-8.6v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7V155l-8.6-8.6 8.6-8.6v-1.1l-8.6-8.7 8.6-8.6v-1.1l-8.6-8.7 8.6-8.6v-1.1l-8.6-8.7 8.6-8.6v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.6V8l-7.9-8h-.1l-9 9.2-9.1-9.2h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2-9.1-9.2-9.1 9.2L301 0h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2-9.1-9.2-9.1 9.2-9.1-9.2h-.1l-9 9.2-9.1-9.2h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2-9.1-9.2-9.1 9.2L137 0h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2L82.3 0l-9.1 9.2L64.1 0 55 9.2 45.9 0h-.1l-9 9.2L27.7 0h-.1l-9.1 9.2-9-9.2h-.1L.3 9.2.1 9l-.1.1v1.1l8.6 8.6L0 27.4v1.1l8.6 8.7L0 45.8v1.1l8.6 8.7L0 64.2v1.1L8.6 74 0 82.6v1.1l8.6 8.6L0 101v1.1l8.6 8.6-8.6 8.7v1.1l8.6 8.6-8.6 8.7v1.1l8.6 8.6-8.6 8.6v1.2l8.6 8.6-8.6 8.6v1.1l8.6 8.7-8.6 8.6v1.1l8.6 8.7-8.6 8.6v1.1l8.6 8.7z"/></svg>
https://jsfiddle.net/StudioAl/jokbL97u/29/
预计到达时间:链接的 SVG 代码:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1922.5 1920" xml:space="preserve"><path d="M1922.5 3.9c-5.6-.5-11.1-1.5-16.5-2.9-14.9 5.1-29.6.9-44.4-1l-196.5 5.6c-1.3-.2-2.6-.2-3.9-.4-3.3-.4-6.6-.2-9.8.7l-22.2 1.7c-2.7-.4-5.4-.2-8 .6l-11.5 1.8c-1.3.1-2.7.3-4 .6l-24.7 3.8c-17.2 2.9-34.5 2.4-51.7 1.2-20.6-1.4-41.6 4.2-61.9-3-1.8-.7-4.5.6-6.8.9-5 .6-10.1 1.7-15.1 1.6-13.3-.2-26.7-3.2-40.1-1.1-3.9.7-7.8 1.1-11.7 1.3-12.1.1-24.1.4-36.2.3-5.1-.1-10.2-1.1-15.3-1.4-9.2-.6-18.5-1.9-27.6-1.1-17.7 1.5-35.4 6.5-52.8 5.7-17.2-.8-34.3 1-51.6-1-21.6-2.5-43.9-.4-65.9-.7-31-.4-62-1.3-92.9-1.9-11.1-.2-22.3-.1-33.5-.6-15.8-.7-31.7-.6-47.5.4-16.6 1.1-33.4-1.7-50.2-2.5-5.2-.3-10.3.6-15.5.9-13.9.7-27.8 1.5-41.7 1.7-3.9 0-7.9-.3-11.8-.5-15.7-.8-31.6 3.1-47.3-1.3-3-.8-6.6 0-9.8.3-5.5.5-11 1.8-16.5 1.7-18.2-.3-36.5-1.4-54.8-1.6-22.5-.3-45.1.1-67.7 0-37.3-.1-74.5-.1-111.8-.5-14.8-.1-48.1-1.4-62.9-1.9-11.7-.4-23.5-.3-35.2-1.1-16.4-1-32.8-3-49.3-4-33.8-1.9-67.4-4.5-101.5-.6-25.8 2.9-51.7 3-77.7 2.5-9.1-.1-19.1 3.3-27.4 1.1-17.2-4.6-34.4-.7-51.7-2.5C106 3.4 73.8 4.1 41.8 3.6c-13.1-.2-26.2-.2-39.3-.2v576.2H0v1325h.5c34.8.2 69.7 1.1 104.5 1.8 5.6.2 11.2 1.2 16.8 1.1 19.7-.3 39.3-1.5 58.9-1.3 28.7.3 57.4 1.8 86.1 2.1 19.3.3 38.6-1.1 57.8-.8 18.2.3 36.4 2.7 54.6 2.3 44.1-1 88.1 5.1 132.4 1.3 16.1-1.4 32.5.9 48.8 1.4 20.7.7 41.6 3 62.1 1.2 17.2-1.5 34.3-.7 51.4-.9 21.8-.3 57.4-1.2 79.2-1.4 21.2-.2 42.5-.9 63.8-.7 15.3.1 30.6-3.4 46-.1 1.8.3 3.8-.2 5.7-.3 18.3-.8 36.6-1.7 54.9-2.3 42.7-1.3 85.5-2.5 128.2-3.4 15-.3 30.1.3 45.2.8 3.6.2 7.1 2 10.7 2 20.2 0 40.4-1 60.6-.5 25.8.7 51.5 2.7 77.2 3.8 23.4.9 46.9 1.3 70.3 2.2 25.7.9 51.4 2 76.8 3.3 11.3.6 22.9.4 33.6 3 2.1.6 4.4.8 6.6.8.6 0 1.3-.1 1.9-.1l53.3-1.2c8.1.5 16.2.3 24.2-.6h1.4v-.1c5.1-.6 10-1.6 14.9-2.9 2.6-.8 6.3-2.1 8-1.1 9.4 5.5 19.3 2.1 29 2 13.8-.1 27.9-2.6 41.1-.5 14.1 2.2 27.1-8.4 41-1.1 1.5.7 5.1-1.6 7.7-2.6s5.7-3.7 7.6-3.1c11.2 3.3 21.6-1 32-2.4 11.1-1.5 22.7 4 33.2-1.9 4.2-2.3 9.5-2.7 14.3-1.8 10 1.8 20.5 2.1 30.7 2.1 16.5 0 33-.5 49.5-1.2 6.6-.2 13-1.8 19.5-2.1 12.7-.5 25.9-5.2 36.9 6.3 4.5 4.8 12.5 7.7 19.5 9.7 2.1.6 4.4 1 6.6 1.1h1.2l16.3-.1V3.9z"/></svg>
最佳答案
您需要将 preserveAspectRatio="none"
设置为 SVG
img.masked {
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 230" preserveAspectRatio="none" xml:space="preserve"><path d="m4.5 225.2 4.8 4.8 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9.1-9.2 9 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9-9.2 9.1 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9.1-9.2 9 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9-9.2 9.1 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9.1-9.2 9 9.2h.1l4.7-4.7-5.3-5.4 8.6-8.6v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7V155l-8.6-8.6 8.6-8.6v-1.1l-8.6-8.7 8.6-8.6v-1.1l-8.6-8.7 8.6-8.6v-1.1l-8.6-8.7 8.6-8.6v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.6V8l-7.9-8h-.1l-9 9.2-9.1-9.2h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2-9.1-9.2-9.1 9.2L301 0h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2-9.1-9.2-9.1 9.2-9.1-9.2h-.1l-9 9.2-9.1-9.2h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2-9.1-9.2-9.1 9.2L137 0h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2L82.3 0l-9.1 9.2L64.1 0 55 9.2 45.9 0h-.1l-9 9.2L27.7 0h-.1l-9.1 9.2-9-9.2h-.1L.3 9.2.1 9l-.1.1v1.1l8.6 8.6L0 27.4v1.1l8.6 8.7L0 45.8v1.1l8.6 8.7L0 64.2v1.1L8.6 74 0 82.6v1.1l8.6 8.6L0 101v1.1l8.6 8.6-8.6 8.7v1.1l8.6 8.6-8.6 8.7v1.1l8.6 8.6-8.6 8.6v1.2l8.6 8.6-8.6 8.6v1.1l8.6 8.7-8.6 8.6v1.1l8.6 8.7-8.6 8.6v1.1l8.6 8.7z"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 230" xml:space="preserve"><path d="m4.5 225.2 4.8 4.8 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9.1-9.2 9 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9-9.2 9.1 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9.1-9.2 9 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9-9.2 9.1 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9.1-9.2 9 9.2h.1l4.7-4.7-5.3-5.4 8.6-8.6v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7V155l-8.6-8.6 8.6-8.6v-1.1l-8.6-8.7 8.6-8.6v-1.1l-8.6-8.7 8.6-8.6v-1.1l-8.6-8.7 8.6-8.6v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.6V8l-7.9-8h-.1l-9 9.2-9.1-9.2h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2-9.1-9.2-9.1 9.2L301 0h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2-9.1-9.2-9.1 9.2-9.1-9.2h-.1l-9 9.2-9.1-9.2h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2-9.1-9.2-9.1 9.2L137 0h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2L82.3 0l-9.1 9.2L64.1 0 55 9.2 45.9 0h-.1l-9 9.2L27.7 0h-.1l-9.1 9.2-9-9.2h-.1L.3 9.2.1 9l-.1.1v1.1l8.6 8.6L0 27.4v1.1l8.6 8.7L0 45.8v1.1l8.6 8.7L0 64.2v1.1L8.6 74 0 82.6v1.1l8.6 8.6L0 101v1.1l8.6 8.6-8.6 8.7v1.1l8.6 8.6-8.6 8.7v1.1l8.6 8.6-8.6 8.6v1.2l8.6 8.6-8.6 8.6v1.1l8.6 8.7-8.6 8.6v1.1l8.6 8.7-8.6 8.6v1.1l8.6 8.7z"/></svg>');
}
img {
display: block;
margin-top: 20px;
}
svg.example {
max-width: 500px;
}
<p>Masked image:</p>
<img class="masked" src="https://picsum.photos/500/250" width="500" height="250" />
<p>Original Image:</p>
<img src="https://picsum.photos/500/250" width="500" height="250" />
<p>Image Mask:</p>
<svg class="example" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 230" xml:space="preserve"><path d="m4.5 225.2 4.8 4.8 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9.1-9.2 9 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9-9.2 9.1 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9.1-9.2 9 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9-9.2 9.1 9.2h.1l9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2 9.1-9.2 9.1 9.2h.1l9.1-9.2 9 9.2h.1l4.7-4.7-5.3-5.4 8.6-8.6v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7V155l-8.6-8.6 8.6-8.6v-1.1l-8.6-8.7 8.6-8.6v-1.1l-8.6-8.7 8.6-8.6v-1.1l-8.6-8.7 8.6-8.6v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.7v-1.1l-8.6-8.6 8.6-8.6V8l-7.9-8h-.1l-9 9.2-9.1-9.2h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2-9.1-9.2-9.1 9.2L301 0h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2-9.1-9.2-9.1 9.2-9.1-9.2h-.1l-9 9.2-9.1-9.2h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2-9.1-9.2-9.1 9.2L137 0h-.1l-9 9.2-9.1-9.2h-.1l-9.1 9.2-9-9.2h-.1l-9.1 9.2L82.3 0l-9.1 9.2L64.1 0 55 9.2 45.9 0h-.1l-9 9.2L27.7 0h-.1l-9.1 9.2-9-9.2h-.1L.3 9.2.1 9l-.1.1v1.1l8.6 8.6L0 27.4v1.1l8.6 8.7L0 45.8v1.1l8.6 8.7L0 64.2v1.1L8.6 74 0 82.6v1.1l8.6 8.6L0 101v1.1l8.6 8.6-8.6 8.7v1.1l8.6 8.6-8.6 8.7v1.1l8.6 8.6-8.6 8.6v1.2l8.6 8.6-8.6 8.6v1.1l8.6 8.7-8.6 8.6v1.1l8.6 8.7-8.6 8.6v1.1l8.6 8.7z"/></svg>
关于css - 掩码大小 : 100% 100% does not stretch horizontally,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68477841/
一个屏幕上有多个横向的Recyclerview。我想在第一个水平 Recyclerview 的第一个项目上执行 espresso click 事件。请告诉我如何实现它。 onView(withId(
我目前正在为一个网站开发移动样式表,但我遇到了一个我无法解释的奇怪问题: 即使我的样式表中不再有“宽度”定义,Android 浏览器会在右侧留下大量空白区域,导致出现滚动条。 我不知道是什么原因导致的
我有一个由 graphviz 工具制作的无向图(现在我正在使用 sfdp ): digraph structs { node [shape=Mrecord, URL="index_ne
关闭。这个问题需要details or clarity .它目前不接受答案。 想改善这个问题吗?通过 editing this post 添加详细信息并澄清问题. 8年前关闭。 Improve thi
假设我有一行单元格,其中包含以下值: B2: "banana" C2: "orange" D2: "apple" 我把这个范围变成一个二维数组。我的主要代码在Word文档中: dim MySheet
我正在创建一个基于位置的提醒,EKReminder。 对于坐标,我使用 CLGeocoder 将地址转换为 CLLocation。 就提醒本身而言,我认为有两个因素决定了提醒将触发的“区域”(半径/圆
我有一个问题可以用一个很像 SO 的系统来模拟:帖子和标签。要获得我的帖子,我可能会这样做: SELECT title, body, author FROM posts WHERE id = ? 然后
我希望将结果生成到水平联合中。我能够组合在一起并生成结果。但是,我需要以预期结果格式显示结果。 SQL (SELECT kpa_id AS 'KPA', SUM(weightage) AS '
我正在研究 CMS 模板,并尝试找出这是否可行。我在网上找不到任何东西,也许我只是使用了错误的关键字。 给出这个模型: http://img833.imageshack.us/img833/4979/
我有一个 LTR 方向的 Bootstrap v4.0.0 模板,我想将整个模板更改为 RTL 方向,我使用了以下这些方法: body { direction:rtl; } html { dire
嗯,几秒钟前还好,但现在当我指向“水平”时,它总是说“水平无法解析或不是一个字段”。我已经删除了旧项目并创建了一个新项目,但仍然遇到这个问题。有人能告诉我发生了什么事吗?谢谢。我正在使用 eclips
我正在寻找一种仅在 html 表格 View 中水平或垂直滚动同时保持始终可见的标题和行的方法。最好我想要类似于 this 的东西但在没有 ember 或 coffeescript 的纯 Java
每当我需要定位某些东西使其垂直和/或水平时,我通常会求助于 flexbox,如果那不是解决方案,我会使用 position: absolute 和 top:50%; 和/或 left:50%; 与 t
我想创建一个从右向左滚动然后从左侧消失并再次从右侧重新出现的 TextView。我可以使用动画??谢谢 最佳答案 我相信您希望您的 TextView 成为选取框。如果是这样,我就是这样做的: 在 XM
我只需要在屏幕上平行放置两个按钮(每个按钮的宽度为 50dp)。第一个应该有 margin left 10dp 并且放置没问题。 但是第二个按钮应该放置在屏幕中,并在中间(水平)向左留出 30dp 的
新的Bootstrap 三个文档explains the grid behaviour作为超小型设备的“始终水平”。这是什么意思?在小型设备上,所有列肯定会垂直堆叠在一起吗?在这里让我失望的是我(缺乏
我需要一些帮助来隐藏我的水平滚动条并仍然能够滚动。我使用过 webkit,但在 IE 和 firefox 中不起作用。我看到很多关于垂直滚动条的帮助,但不适用于水平滚动条。有帮助吗? 更新:我创建了一
为什么不支持水平滚动?
在 examples page当您搜索(CTRL+F)图片库并单击第一张图片时,您可以使用下一个/上一个箭头浏览此图片库。它们之间的动画是垂直的——图像垂直飞行。如何让它们水平飞行? 在我找到的帮助中
我在移动网站上使用 Owl Carousel。 当用户水平滚动然后停止时,内容立即停止移动(或停止后不久)。 是否可以添加一些惯性? 我尝试了文档中公开的不同选项,例如 smartSpeed , fl
我是一名优秀的程序员,十分优秀!