Html 文本框居中,边框环绕

Html 文本框居中,边框环绕,html,css,flexbox,Html,Css,Flexbox,身体{ 显示器:flex; 对齐项目:居中; 背景色:黑色; } h1{ 字号:8rem; 边框:0.1米纯白; 颜色:白色; 文本对齐:居中; 字体系列:Lucida Sans Unicode、Lucida Grande、Sans serif; 弹性:1; 显示:内联flex; 证明内容:中心; } /*想要这个: ------- |你好,世界| ------- 在所有大小屏幕上,纵向或横向*/ Hello World您可以使用单位来调整文本大小 我在正文中添加了justify content

身体{ 显示器:flex; 对齐项目:居中; 背景色:黑色; } h1{ 字号:8rem; 边框:0.1米纯白; 颜色:白色; 文本对齐:居中; 字体系列:Lucida Sans Unicode、Lucida Grande、Sans serif; 弹性:1; 显示:内联flex; 证明内容:中心; } /*想要这个: ------- |你好,世界| ------- 在所有大小屏幕上,纵向或横向*/ Hello World您可以使用单位来调整文本大小

我在正文中添加了justify content属性以使文本居中,并将h1更改为display:inline块以确保边框仅包围文本

身体{ 显示器:flex; 对齐项目:居中; 背景色:黑色; 证明内容:中心; } h1{ 字体大小:15vw;/*根据需要更改此值*/ 边框:0.1米纯白; 颜色:白色; 字体系列:Lucida Sans Unicode、Lucida Grande、Sans serif; 显示:内联块; } /*想要这个: ------- |你好,世界| ------- 在所有大小屏幕上,纵向或横向*/ 你好,世界