css图片与文字上下居中对齐显示

最新推荐文章于 2023-02-02 11:16:18 发布

小付学代码

最新推荐文章于 2023-02-02 11:16:18 发布

阅读量3.3k

点赞数 1

文章标签： css 前端 html

本文链接：https://blog.csdn.net/ONLYSRY/article/details/126061290

版权

博主分享了在日常工作中频繁进行CSS布局所遇到的挑战，特别是使用flexbox实现居中对齐的实践经验。虽然切图工作让人感到疲惫，但通过调整CSS属性如`display: flex`和`align-items: center`，可以有效地简化页面布局。文章探讨了如何在不使用具体像素尺寸的情况下，创建灵活且响应式的网页元素。

摘要由CSDN通过智能技术生成

就像这样：

	.my_center_left{
		position: relative;
		display: flex;
		flex-direction: column; 
		align-items: center;	
		/* width: 207rpx;
		height: 88rpx;
		border-right: 1px solid #DADADA;
		background-color: red; */
	}

最近天天切图人都麻了...唉..