2

我使用holderjs为我的网站生成占位符图像。

<img data-src="holder.js/200x200" />将显示带有文本“200x200”<img data-src="holder.js/200x200?text=hello"的图像,并且可以显示带有文本“hello”的图像。

有什么方法可以同时显示图像大小和自定义文本(不要将文本设置为“200x200 hello”之类的内容)?

谢谢~

更新:2015 年 6 月 25 日

Git 来自dustjs 开发者的响应如下

如果您需要确保在两个元素之间留有空格(例如,inline-block 元素或内部 white-space: pre 块,您可以使用 Dust 特殊 {~s} 插入空格。您也可以留下尾随如果你的编辑器允许,行尾的空格。Dust 不会去除尾随的空格。

4

2 回答 2

0

尝试这个:

    <img  data-src="holder.js/200x200?text=hello&fg=#FF0000&size=50" alt='Thumbnail' class="big"/>

它将在文本和颜色中显示大小


更新1:

将图像标签放在带有“holderjs”类的div标签中

<div class="holderjs" data-background-src="?holder.js/300x200">
<img  data-src="holder.js/300x200/?text=hello" alt='Thumbnail' class="img-thumbnail img-responsive" text="hello" />

</div>
于 2015-06-24T07:58:31.130 回答
0

虽然目前无法做到这一点,但 Holder 在 2.9 中实现这一点存在问题:https ://github.com/imsky/holder/issues/148

编辑:现在已经实现。

于 2015-07-30T04:50:25.067 回答