Question

有谁知道如何为这些图片行代码添加“链接”

HTML

<ul>
    <li><img src="1.jpg"></li>
    <li><img src="2.jpg"></li>
    <li><img src="3.jpg"></li>
    <li><img src="4.jpg"></li>
    <li><img src="5.jpg"></li>
    <li><img src="6.jpg"></li>
<ul>

CSS

#images {
    width: 2000px;
}

#images img {
  width: 300px;
  height: 200px;
  float: left;
}

小提琴示例：http://jsfiddle.net/mdesdev/gEGMF/

Answer 1

您是否可能意味着要为图片添加超链接？一个简单的<a href='[[your URL'>[[img-tag]]</a>应该可以解决问题，如here所示。

Answer 2

试试这个：

<ul>
    <li><a href="your-link"><img src="1.jpg"/></a></li>
    <li><a href="your-link"><img src="2.jpg"/></a></li>
    <li><a href="your-link"><img src="3.jpg"/></a></li>
    <li><a href="your-link"><img src="4.jpg"/></a></li>
    <li><a href="your-link"><img src="5.jpg"/></a></li>
    <li><a href="your-link"><img src="6.jpg"/></a></li>
</ul>

添加此代码的链接代码

2 个答案: