html - 让<a>元素填充他的父元素

标签 html css laravel

我试图让我用 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/

相关文章:

php - (2/2) QueryException SQLSTATE[HY000] [1049] 未知数据库 'homestead' (SQL : select count(*) as aggregate from `users` where `email` =

php - 如何在没有任何标记的情况下打印 Wordpress 帖子的类别,只是纯文本?

javascript - 在 HTML5 和 JavaScript 上为 ubuntu 13.04 编写的小部件

javascript - 按钮背景的挖空文本

Javascript 返回具有不同样式的元素?

Laravel:迁移更改列的默认值( bool 值)

python - 使用 python 的 urllib2 和 Beautifulsoup 爬取维基百科时删除 html 标签

css - 如何在我的网页上测试网络嵌入字体?

html - 伪元素的 z-index 问题

php - Laravel Sail 不会在 Ubuntu 20.04 上构建 - groupadd : invalid group ID 'sail'