为了账号安全,请及时绑定邮箱和手机立即绑定

为什么要定义超级链接为块显示,左浮动?

添加了也没啥变化。

正在回答

2 回答

独立成块是有原因才独立成块显示的。a标签里样式加上display:block的话,当鼠标点击范围就是以块显示的。这样比较好识别点击区域。当然需要a标签里面的宽和高才有效果。独立成块的话就包含了左浮动效果!

<a target="_blank" style="display:block; width:100px; height:50px; line-height:50px; border:1px solid #ccc;" src="#" >慕课网</a>

display值

描述

none    此元素不会被显示。    

block    此元素将显示为块级元素,此元素前后会带有换行符。    

inline    默认。此元素会被显示为内联元素,元素前后没有换行符。    

inline-block    行内块元素。

list-item    此元素会作为列表显示。    

run-in    此元素会根据上下文作为块级元素或内联元素显示。    

compact    CSS 中有值 compact,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。    

marker    CSS 中有值 marker,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。    

table    此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。    

inline-table    此元素会作为内联表格来显示(类似 <table>),表格前后没有换行符。    

table-row-group    此元素会作为一个或多个行的分组来显示(类似 <tbody>)。    

table-header-group    此元素会作为一个或多个行的分组来显示(类似 <thead>)。    

table-footer-group    此元素会作为一个或多个行的分组来显示(类似 <tfoot>)。    

table-row    此元素会作为一个表格行显示(类似 <tr>)。    

table-column-group    此元素会作为一个或多个列的分组来显示(类似 <colgroup>)。    

table-column    此元素会作为一个单元格列显示(类似 <col>)    

table-cell    此元素会作为一个表格单元格显示(类似 <td> 和 <th>)    

table-caption    此元素会作为一个表格标题显示(类似 <caption>)    

inherit    规定应该从父元素继承 display 属性的值。    


1 回复 有任何疑惑可以回复我~
#1

NOM 提问者

原来如此,非常感谢!
2015-09-17 回复 有任何疑惑可以回复我~

定义为display block是为了 添加padding值啊~~~~这样才能拉开与border-left的距离。以及更好的去调整margin或padding来美化页面~

2 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么要定义超级链接为块显示,左浮动?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信