如何增加ahref包围的div按钮上的可点击区域

Question

当我点击此div按钮的两侧时，ahref将不会激活，直到您实际点击字符串AA的'边界框'。

标记

<a href="#/tags?ticker={{ticker.ticker}}">
    <div class="ticker">{{ticker.ticker}}</div>
</a>

CSS

.ticker {
    float: left;
    overflow: hidden;
    position: relative;
    margin: 0 10px 10px 0;
    padding: 5px 8px;
    width: auto;
    cursor: pointer !important;
    clear: both;
    @include rounded(4px);
}

如果我使用常规的AngularJS ng-click，它会起作用，但这不一定是Javascript解决方案：

<div class="ticker" ng-click="tkrs.gotoTicker(ticker.ticker)">
    {{ticker.ticker}}
</div>

Answer 1

答案是一个简单的属性：display: inline-block;已添加到.ticker

下面的问题与我的略有不同，但同样的解决方案有效： How can I make a link inside a div fill the entire space inside the div?