我們可以使用float
將div
的寬度設(shè)為內(nèi)容自適應(yīng)
==> 簡單點說夷磕,就是達(dá)到類似span的效果
實例:實現(xiàn)圖片標(biāo)題居中:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.father { float: left: }
.child-1 {}
.child-2 { text-align: center; }
</style>
</head>
<body>
<div class="father">
<div class="child-1">
![](../../image.png)
</div>
<div class="child-2">
I'm the Titel of pic.
</div>
</div>
</body>
</html>