如何使所有照片正確顯示？

我剛開始學習html和css，並且正在爲我的博客開發一個主題。大多數GIF和照片顯示沒有問題，但我的一些照片文章只顯示此：torn photo如何使所有照片正確顯示？下面是HTML：如何使所有照片正確顯示？

{block:Photo} 
    <div class="post"> 
     <img src="PhotoURL-500}"> 
     {block:Caption}{Caption}{/block:Caption} 
     <ul class="like-reblog"> 
      <li>{LikeButton}</li> 
      <li>{ReblogButton}</li> 
      <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCount}</a>{/block:NoteCount}</li> 
      <li>{block:Date}<a href="{Permalink}">{Month}&#x2606;{DayofMonth}{DayOfMonthSuffix} {Year}</a>{/block:Date}</li> 
     </ul> 
    </div> 
    {block:PostNotes}{PostNotes}{/block:PostNotes} 
{/block:Photo}

這裏是CSS：

.post { 
    background: #fff; 
    margin: 40px auto; 
    width: 500px; 
    padding: 20px; 
    border-radius: 6px; 
    }

我還在學習，所以我可能錯過了一些東西。

來源

2016-06-13 pastel

你的問題是 – SQLiteNoob

哎呀，對不起。我只是在原始文章中添加了我的問題，但我問如何使所有照片正確顯示。 – pastel

該圖標通常在未找到圖像時出現（錯誤名稱，文件擴展名，文件路徑，文件根本不存在或類似錯誤）。除此之外，好像你在這裏缺少一個大括號：

<img src="PhotoURL-500}">

這也許應該是：

<img src="{PhotoURL-500}">

來源

2016-06-14 00:35:55 Johannes

這實際上解決了這個問題，謝謝！ – pastel

這通常發生在鏈接錯誤。嘗試將圖像上傳到網站或將文件移動到其他位置。並使用新的位置爲img

來源

2016-06-13 21:49:06 Hampus

如何使所有照片正確顯示？

回答

相關問題