div里文字上下居中,左不动
时间: 2023-08-19 10:04:30 浏览: 95
div 做的 左标题和上标题不动 内容移动
要将div中的文字垂直居中,同时水平方向保持不动,可以使用CSS的position属性结合transform属性来实现。
```css
div {
position: relative;
height: 100px; /* 设置div的高度,可以根据实际需求进行调整 */
}
div p {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
```
通过设置div的position属性为relative,创建了一个相对定位的容器。然后,将p元素的position属性设置为absolute,使其脱离文档流,并通过top和transform属性来实现垂直居中效果。
请注意,这种方法只能实现垂直方向的居中,水平方向不会改变。如果需要实现水平方向上的居中,可以使用flexbox布局或其他方法。
阅读全文