一、div 行高设完后还是没有垂直居中
通过flex布局，设置为flex布局，水平和垂直方向为center
二、页面垂直居中怎么设置
要实现页面内容的垂直居中，可以通过以下几种方法进行设置：1.使用CSS的flex布局：```cs**ody{display:flex;justify-content:center;/*水平居中*/align-items:center;/*垂直居中*/height:100vh;/*设置body高度为视口高度*/}```2.使用绝对定位和transform属性：```cs**ody{position:relative;height:100vh;/*设置body高度为视口高度*/}.centered{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}```3.使用table布局：```cs**ody{display:table;width:100%;height:100vh;/*设置body高度为视口高度*/}.centered{display:table-cell;vertical-align:middle;text-align:center;/*水平居中*/}```无论哪种方法，都需要保证父容器元素（通常是`body`）的高度和宽度符合要求，可以使用`height:100vh;`来设置高度为视口高度。然后，通过设置子元素的属性，如`display:flex;`、或使用绝对定位等方式，将内容垂直居中显示。
三、垂直居中怎么设置成水平居中
要将一个元素从垂直居中转换成水平居中，需要使用以下步骤：
首先，将该元素的宽度设置为一个固定值或百分比，并将左和右的margin设置为“auto”。
其次，将该元素的display属性设置为“inline-block”或“block”，以确保它具有水平方向上的宽度。
然后，将该元素的父元素的text-align属性设置为“center”，以将该元素居中对齐。
最后，将该元素的高度设置为与父元素相同的高度，并将上和下的margin设置为“auto”，以将该元素垂直居中对齐。
四、vue如何设定项目居中
在Vue中，您可以使用以下方法将项目居中：
-对于水平居中，您可以使用text-align:center属性。这将使元素在其父元素中水平居中。
-对于垂直居中，您可以使用position:relative和transform:translateY(50%)属性。这将使元素在其父元素中垂直居中。
感谢您的阅读！希望本文对解决您关于flex布局水平垂直居中和flex布局的垂直居中和水平居中怎么写的问题有所帮助。如果您还有其他疑问，欢迎随时向我们提问。
