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{ 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>

查看全文

相关阅读:
Codeforces 937D
Codeforces 458C
Codeforces 934D
Codeforces 934C
Codeforces 36B
Codeforces 374C
Codeforces 374D
编译优化
 Codeforces E
Codeforces 920G

原文地址：https://www.cnblogs.com/chengfengchi/p/10743145.html