Question

我正在尝试在彩色div中放置一个链接，但它会在div中创建链接文本中的这个奇怪的空框。我怎么解决这个问题？这是图片的链接，因为它不会让我发布图片，直到我获得更多的声誉。抱歉... http://imgur.com/VhvjWox 这是我的css代码..

#second_page {
height:100px;
width:200px;
border-radius:5px;
background-color: blue;
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 30px;
}

所以如果你能指出我做错了什么以及如何解决它，我会非常感激。

Answer 1

可能在你的其他地方，你将a的背景颜色设置为绿色。当我用这个样式创建一个div并添加一个链接时，它可以正常工作。

Answer 2

您提供的代码工作得很好，这是fiddle

HTML

<div id="second_page">
    <a href="#">Hello</a>
</div>

CSS

#second_page {
    height:100px;
    width:200px;
    border-radius:5px;
    background-color: blue;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 30px;
}
a {
    color: #fff;
}

不能将链接与背景div颜色混合

2 个答案: