我正在創(chuàng)建一個(gè)網(wǎng)頁 . 但我腦子里有些東西卻無法在HTML / CSS中重現(xiàn)它 .

我有一個(gè)圖像和一個(gè)figcaption . 兩者都在圖標(biāo)簽中 . 我希望figure標(biāo)簽與圖像的大小相同 . 但是figcaption不能比圖像大，所以應(yīng)該包裝文本 .

這是html代碼：

Some random text in a random figcaption

CSS代碼：

figure {

display: inline-block;

padding: 15px;

background-color: #C7C7CC;

}

figure > figcaption {

padding-top: 10px;

font-size: 1.2em;

}

但我希望figcaption元素不要大于img元素 .

我知道我可以為每個(gè)圖像和figcaption創(chuàng)建一個(gè)id來設(shè)置寬度等于圖像 . 但我希望能夠使用上面的HTML代碼塊添加更多圖像，而css應(yīng)該只是做魔術(shù) . 我想我可以用javascript修復(fù)它 . 但我想知道CSS是否可行，如果是這樣的話，我該怎么辦呢 .

總結(jié)

以上是生活随笔為你收集整理的java的css的块_CSS块宽度不大于前一个块的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。