我试图让我用 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' 标签之间。
最佳答案
有几种方法可以做到这一点,一种方法是将 a
标记设置为 block 元素并使用它的全宽/全高
a{
display:inline-block;
width:100%;
height:100%;
}
这种方法避免了必须在父元素上设置位置样式。
(因为 div
已经是 block 级元素)
请注意,如果您的父元素不包含其他内容或元素除非它们也是绝对定位的,那么这种方法会很好。如果是这种情况,您需要在元素上使用位置样式。 (并注意 z-index 问题等)
关于html - 让<a>元素填充他的父元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29488348/