亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

為什么要定義超級鏈接為塊顯示,左浮動?

添加了也沒啥變化。

正在回答

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下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號