Question

我是编码新手，并且无法确定为什么两个看似相同的代码片段不能正常工作。此练习仅涉及在网页上显示图片。很容易，但我不明白为什么相同的代码只能工作两次。

此代码有效：

        <div class="col-sm-6">
        <div class="well text-center">
            <div>
                img class="img-responsive" src="http://pre10.deviantart.net/1d23/th/pre/i/2013/070/1/e/grumpy_cat_by_bwcopy-d5xod2v.jpg"
            </div>

虽然这段代码没有：

        <div class="col-sm-6">
        <div class="well text-center">
            <div>
                img class="img-responsive" src="https://img.buzzfeed.com/buzzfeed-static/static/2015-04/21/16/enhanced/webdr05/enhanced-31550-1429646952-7.jpg"
            </div>

我检查了非工作照片的来源，它是有效的。（如果你喜欢超可爱的小狗，请自己检查一下。）

我没看到什么？（除了小狗图片，显然）。

感谢。

Answer 1

您没有使用img标记，只是编写纯文本。

更改为此（注意括号）：

<img class="img-responsive" src="http://pre10.deviantart.net/1d23/th/pre/i/2013/070/1/e/grumpy_cat_by_bwcopy-d5xod2v.jpg" />

第一个和第二个代码段看起来一样，没有任何理由应该有效。

Answer 2

试试这个

＆＃13;

function createString(size) {
  return new Array(size).fill(0).map((v, i) => {
  	return "pr" + i + "va=value";
  }).join("&");
}

console.log(createString(2));

＆＃13;

或者这个：

＆＃13;

    		<div class="col-sm-6">
			<div class="well text-center">
				<div>
					<img class="img-responsive" src="http://pre10.deviantart.net/1d23/th/pre/i/2013/070/1/e/grumpy_cat_by_bwcopy-d5xod2v.jpg">
				</div>

＆＃13;

图片不会出现

2 个答案: