- 多元素适应性居中显示
<html>
<head>
<style type="text/css">
h1 {display: inline-block;}
h2 {text-align: left}
h3 {text-align: right}
</style>
</head>
<body style="text-align: center;">
<h1>这是标题 1</h1>
<h1>这是标题 2</h2>
<h1>这是标题 3</h3>
</body>
</html>
<html>
<head>
<style type="text/css">
h1 {display: inline-block;}
h2 {text-align: left}
h3 {text-align: right}
</style>
</head>
<body style="text-align: center;">
<h1>这是标题 1</h1>
<h1>这是标题 2</h2>
<h1>这是标题 3</h3>
</body>
</html>