Html 如何在列中垂直和水平居中放置文本?

Html 如何在列中垂直和水平居中放置文本?,html,css,twitter-bootstrap,bootstrap-4,Html,Css,Twitter Bootstrap,Bootstrap 4,如何在两列中垂直和水平居中放置文本?我用的是bootstrap4 你好你好你好你好你好你好你好你好你好 你好你好你好你好你好你好你好你好你好 这是您需要的吗?为行设置高度会更好地可视化 .col{ 显示器:flex; 证明内容:中心; 对齐项目:居中; } 你好你好你好你好你好你好你好你好你好 你好你好你好你好你好你好你好你好你好 这是您需要的吗?为行设置高度会更好地可视化 .col{ 显示器:flex; 证明内容:中心; 对齐项目:居中; } 你好你好你好你好你好你好你好你

如何在两列中垂直和水平居中放置文本?我用的是bootstrap4


你好你好你好你好你好你好你好你好你好

你好你好你好你好你好你好你好你好你好


这是您需要的吗?为行设置高度会更好地可视化

.col{
显示器:flex;
证明内容:中心;
对齐项目:居中;
}

你好你好你好你好你好你好你好你好你好

你好你好你好你好你好你好你好你好你好


这是您需要的吗?为行设置高度会更好地可视化

.col{
显示器:flex;
证明内容:中心;
对齐项目:居中;
}

你好你好你好你好你好你好你好你好你好

你好你好你好你好你好你好你好你好你好


您可以通过专用类使用flexbox属性:

对齐项目 使用flexbox容器上的“对齐项目”实用程序更改flex项目在横轴上的对齐方式(y轴开始,x轴如果flex方向:列)。从“开始”、“结束”、“中心”、“基线”或“拉伸”(浏览器默认设置)中进行选择


你好你好你好你好你好你好你好你好你好

你好你好你好你好你好你好你好你好你好


您可以通过专用类使用flexbox属性:

对齐项目 使用flexbox容器上的“对齐项目”实用程序更改flex项目在横轴上的对齐方式(y轴开始,x轴如果flex方向:列)。从“开始”、“结束”、“中心”、“基线”或“拉伸”(浏览器默认设置)中进行选择


你好你好你好你好你好你好你好你好你好

你好你好你好你好你好你好你好你好你好

使用“display:flex”属性并应用这些

要水平对齐内容,请对齐内容:居中

要垂直对齐内容,请对齐项目:居中

.col {
    display: flex;
    justify-content: center;
    align-items: center;
}
使用“display:flex”属性并应用这些

要水平对齐内容,请对齐内容:居中

要垂直对齐内容,请对齐项目:居中

.col {
    display: flex;
    justify-content: center;
    align-items: center;
}

h1不能为子级包含任何块元素,仅语法内容:(h1不能为子级包含任何块元素,仅语法内容:(