我们可以使用float将div的宽度设为内容自适应
==> 简单点说，就是达到类似span的效果
实例：实现图片标题居中：
<!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">
</div>
<div class="child-2">
I'm the Titel of pic.
</div>
</div>
</body>
</html>
