HTML 画面左右居中是一个非常常用的技巧。它可以在网页中帮助我们实现不同尺寸和布局的元素，在浏览器中自动居中对齐，让网页看起来更加美观和舒适。
下面是一个基础版的 HTML 画面左右居中的代码样例：
<!DOCTYPE html>
<html>
<head>
<title>HTML 居中测试</title>
<style>
.center {
display: flex;
justify-content: center;
align-items: center;
}
</style>
</head>
<body>
<div class="center">
<p>居中显示的文本内容。</p>
</div>
</body>
</html>以上代码的核心技术是使用了 CSS 的 flexbox 布局。这样我们可以在屏幕上容易地让内容居中对齐，而无需考虑元素的具体尺寸和位置。使用这些简单易懂的代码，你也可以在你的网站上实现一个美观的HTML画面左右居中效果。