相关疑难解决方法(0)

我无法在CSS的显示属性中找到任何说明默认显示相同的内容.我问,因为每当我尝试向<a>标签添加填充或边距时,它都不会添加它,我必须为其添加显示属性inline-block.

我不知道这是否是浏览器特定的,但它的默认显示是inline对比说inline-block(我显然知道它不是inline-block.

我的<a>标签上有一个奇特的CSS .放置<img>一个链接的内部会使图像粘在<a>块之外,即使它仍然可以点击,它看起来很愚蠢.

更改<a>到display:block,或float:left修复了这个,但是有一个不良没有侧的效果.

我怎么能克服这个？

http://jsfiddle.net/z5gdA/2/

代码：

<div class="marquee">
   <ul>
      <li>
       <a href="https://developer.apple.com/swift/"><img class="marquee-itm" src="Vendors/Images/Apple_Swift_Logo.png" /></a>

情况：

当我删除<a>标签时，这有效：

.marquee ul li img {
    max-height: 80%;
}

问题：

添加 时<a>，我找不到设置图像样式的方法。

1) 不起作用。

.marquee ul li a img {
    max-height: 80%;
}

2）不起作用。

.marquee ul li a {
    max-height: 80%;
}

3）不起作用。

.marquee-items {
    max-height: 80%;
}

题：

我怎样才能让它与<a>标签一起工作来保持我的图片链接？

编辑：

只是想确保没有误解。我正在使用一个已经定义了宽度的轮播。旋转木马中有许多图像。我只需要定义图像的最大高度，这样它们就不会溢出。通过添加<a></a>标签制作可点击的图像后，我似乎无法选择它们。

还：

4) 不起作用。

.marquee ul li a{
    display: inline-block; 
    max-height: 80%;
}

.marquee ul li a img {
    max-height: …