不設定DIV寬度水準居中，div不設定寬度居中
================================
©Copyright 蕃薯耀 2021-07-22
https://blog.csdn.net/w995223851
方式一：使用浮動
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>水準居中</title>
</head>
<style>
.wrap{
float: left;
position: relative;
left: 50%;
border: 1px solid #ddd;
}
.inner{
position: relative;
left: -50%;
border: 1px solid red;
}
</style>
<body>
<div class="wrap">
<div class="inner">不設定DIV寬度水準居中，div不設定寬度居中</div>
</div>
</body>
</html>
效果：
方式二：使用text-align: center;結合 inline-block
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>水準居中-方式二</title>
</head>
<style>
.wrap{
text-align: center;
border: 1px solid #ddd;
}
.inner{
display: inline-block;
text-align: left;
border: 1px solid red;
}
</style>
<body>
<div class="wrap">
<div class="inner">不設定DIV寬度水準居中，div不設定寬度居中</div>
</div>
</body>
</html>
效果：
（時間寶貴，分享不易，捐贈回饋，^_^）
================================
©Copyright 蕃薯耀 2021-07-22
https://blog.csdn.net/w995223851