如何增加被 href 包围的 div 按钮的可点击区域

Question

当我单击此 div 按钮的两侧时，ahref 不会激活，直到您实际单击字符串 AA 的 'bounding box' .

加价

<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?

如何增加被 href 包围的 div 按钮的可点击区域

How to increase clickable area on div button surrounded by an ahref

html

css

markup

hyperlink