在Flex 4中居中内容

在 Flex 4 中，居中内容可以使用 CSS 的 flexbox 布局来实现。具体来说，可以使用 justify-content 属性来设置内容在容器中的水平居中方式，可以使用 align-items 属性来设置子元素在容器中的垂直居中方式。

以下是一个简单的示例代码：

<div class="container">
  <div class="content">
    <p>居中的内容</p>
  </div>
</div>

.container {

display: flex;

justify-content: center; / 水平居中 /

align-items: center; / 垂直居中 /

}

.content {

width: 200px;

height: 200px;

border: 1px solid black;

}

在上述代码中，.container 是一个 flex 容器，使用 justify-content 属性将内容水平居中，使用 align-items 属性将子元素垂直居中。.content 是一个 div 元素，其宽度和高度分别为 200px，边框宽度为 1px，颜色为黑色。

如果需要使用其他编程语言实现，可以直接在 HTML 页面中添加一个 div 元素，并设置其 CSS 样式为 display: flex; justify-content: center; align-items: center;，即可实现居中效果。