html 文字少则居中多则居左 

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="index.css">
<style> 
.father{
    width: 100px;
    height: 100px;
    text-align: center;
    background: red;
}
.son{
    display: inline-block;
    text-align: left;
    background: #666666;
}

</style>
</head>
<body>

<div class="father">
    <div class="son">
        双方姥产出看看
    </div>
</div>

</body>
</html>

 

<!DOCTYPE html><html><head><link rel="stylesheet" href="index.css"><style> .father{width: 100px;height: 100px;text-align: center;background: red;}.son{display: inline-block;text-align: left;background: #666666;}
</style></head><body>
<div class="father"><div class="son">双方姥产出看看</div></div>
</body></html>

 

posted @ 2019-04-20 22:50  酷酷的城池  阅读(246)  评论(0)  编辑  收藏  举报