HTML a标签的问题

Question

.arc_list dd a 
{
    overflow:hidden;
    text-overflow:ellipsis;
    word-break:keep-all;
    white-space:nowrap;
    display:block;
    height:24px;
    font-size:18px;
    font-weight:bold;
    color:#333;
}

1:为什么设置超出为省略号时，必须要加display:block;如果没有这句话就是隐藏了，没有省略号，为什么？
2:为什么img标签可以设置display:block;来消除底部的间隙?

Answer 1

a标签默认的display是inline，inline规定宽度是随着内容的增加而变大，随着内容的减少而变小。也就是说display:inline的时候，width:100px;宽度设置是无效的，既然宽度无效，那么自然就不会有溢出这个概念了，所以需要用display:block;或者display:inline-block;使之宽度有效

img的默认display是inline-block;inline-block默认是有间隙的。懂了吧