代碼如下:<style>
*{ margin: 0; padding: 0;
} .container{ height: 100px; background-color: red;
} .container a{ width: 30%; height: 100px; display: inline-block; background-color: #ccc;
}</style><div class="container">
<a>這是第一個(gè)個(gè)a</a>
<a></a>
<a>這是第三個(gè)a</a></div>在這里,container里面有三個(gè)a標(biāo)簽,并設(shè)置為display:inline-block;然后設(shè)置寬高。如代碼所示,如果三個(gè)a標(biāo)簽中,只要有一個(gè),內(nèi)容為空,則三個(gè)就不等高,另外兩個(gè)會(huì)低一截。效果是這樣:但是如果三個(gè)標(biāo)簽都有內(nèi)容,則不會(huì)出現(xiàn)這樣的問(wèn)題。還請(qǐng)指教,這是怎么回事呢?
css布局的一個(gè)問(wèn)題,a標(biāo)簽不等高
叮當(dāng)貓咪
2018-08-10 10:09:10