css - 不同的<a href...>在相同大小的框中

我在我的页面上有一些链接。这些链接被边框包围，并为它们设置背景。他们基本上都在一个盒子里。css - 不同的<a href...>在相同大小的框中

<!DOCTYPE html> 
<style> 
a { 
    background: #DDD; 
    border: #BBB; 
    padding:1px; 
    width: 20em; /*no effect*/ 
    height: 2em; /*no effect*/ 
} 
</style> 
<a href="http://stackoverflow.com">1</a> 
<a href="http://stackoverflow.com">1111111111111</a>

如何让这些箱子具有相同的尺寸？

来源

2013-02-14 nagy.zsolt.hun

'display：block;'或'display：inline-block;'，它们当前是内联的，忽略了设置的宽度 – Andy 2013-02-14 10:10:55

不理解很多，但如果你想同样大小的包装不仅仅是使用display: block;因为<a>是一个内联元素，因此，你需要使它成为一个块级元素，或者如果你想块内联，只是用display: inline-block;

<style> 
a { 
    background: #DDD; 
    border: #BBB; 
    padding:1px; 
    width: 20em; 
    height: 2em; 
    display: block; <------ Add This 
} 
</style>

来源

2013-02-14 10:12:18

css - 不同的<a href...>在相同大小的框中

回答

相关问题