獨(dú)立成塊是有原因才獨(dú)立成塊顯示的。a標(biāo)簽里樣式加上display:block的話，當(dāng)鼠標(biāo)點(diǎn)擊范圍就是以塊顯示的。這樣比較好識(shí)別點(diǎn)擊區(qū)域。當(dāng)然需要a標(biāo)簽里面的寬和高才有效果。獨(dú)立成塊的話就包含了左浮動(dòng)效果！

<a?target="_blank"?style="display:block;?width:100px;?height:50px;?line-height:50px;?border:1px?solid?#ccc;"?src="#"?>慕課網(wǎng)</a>

display值

描述

none ? ?此元素不會(huì)被顯示。 ? ?

block ? ?此元素將顯示為塊級(jí)元素，此元素前后會(huì)帶有換行符。 ? ?

inline ? ?默認(rèn)。此元素會(huì)被顯示為內(nèi)聯(lián)元素，元素前后沒有換行符。 ? ?

inline-block ? ?行內(nèi)塊元素。

list-item ? ?此元素會(huì)作為列表顯示。 ? ?

run-in ? ?此元素會(huì)根據(jù)上下文作為塊級(jí)元素或內(nèi)聯(lián)元素顯示。 ? ?

compact ? ?CSS 中有值 compact，不過(guò)由于缺乏廣泛支持，已經(jīng)從 CSS2.1 中刪除。 ? ?

marker ? ?CSS 中有值 marker，不過(guò)由于缺乏廣泛支持，已經(jīng)從 CSS2.1 中刪除。 ? ?

table ? ?此元素會(huì)作為塊級(jí)表格來(lái)顯示（類似 <table>），表格前后帶有換行符。 ? ?

inline-table ? ?此元素會(huì)作為內(nèi)聯(lián)表格來(lái)顯示（類似 <table>），表格前后沒有換行符。 ? ?

table-row-group ? ?此元素會(huì)作為一個(gè)或多個(gè)行的分組來(lái)顯示（類似 <tbody>）。 ? ?

table-header-group ? ?此元素會(huì)作為一個(gè)或多個(gè)行的分組來(lái)顯示（類似 <thead>）。 ? ?

table-footer-group ? ?此元素會(huì)作為一個(gè)或多個(gè)行的分組來(lái)顯示（類似 <tfoot>）。 ? ?

table-row ? ?此元素會(huì)作為一個(gè)表格行顯示（類似 <tr>）。 ? ?

table-column-group ? ?此元素會(huì)作為一個(gè)或多個(gè)列的分組來(lái)顯示（類似 <colgroup>）。 ? ?

table-column ? ?此元素會(huì)作為一個(gè)單元格列顯示（類似 <col>） ? ?

table-cell ? ?此元素會(huì)作為一個(gè)表格單元格顯示（類似 <td> 和 <th>） ? ?

table-caption ? ?此元素會(huì)作為一個(gè)表格標(biāo)題顯示（類似 <caption>） ? ?

inherit ? ?規(guī)定應(yīng)該從父元素繼承 display 屬性的值。 ? ?