Question

我正在尝试使用laravel创建的链接元素填充它所在的div元素。

<li class="{{ Active::route('guide-dashboard') }}">
 <div class="dashboardLink">
    <i class="fa fa-envelope-o dashboardIcon"></i>
    {{ HTML::linkAction('GuideController@getIndex',  "Messages") }}
 </div>
</li>

通常你会将div元素放在'a'标签中，但由于这个链接是用laravel制作的，所以我不知道如何把东西放在'a'标签之间。

Answer 1

有两种方法可以做到这一点，一种方法是将a标记设置为块元素并使用它的全宽/高度

a{
    display:inline-block;
    width:100%;
    height:100%;
}

这种方法避免了必须在父元素上设置位置样式。（因为div已经是块级元素）

请注意，如果您的父元素不包含其他内容或元素，除非它们也绝对定位，否则此方法将会正常。如果是这种情况，您需要在元素上使用位置样式。（并注意z-index问题等）

Answer 2

要填充，您需要为父级指定容器大小。这样的事情会起作用：

.dashboardLink
{
    position:relative;
    width:100px;
    height:100px;
}
.dashboardLink a
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}

Answer 3

使用普通的html标记更灵活，但使用 Larave Url帮助来生成路径。

<a href="{{ action('GuideController@getIndex') }}">
   <i class="fa fa-envelope-o dashboardIcon"></i> Message
</a>

如果您为路线命名，则使用route功能

<a href="{{ route('routeName', $params) }}">
   <i class="fa fa-envelope-o dashboardIcon"></i> Message
</a>

更多信息：http://laravel.com/docs/5.0/helpers#urls

制作<a> element fill his parent element</a>

3 个答案: