DEV Community
·
使用 CSS 调整图片位置
💡
原文英文，约800词，阅读约需3分钟。
📝
内容提要
作者在网页设计中遇到图片和文本垂直居中的问题，最终用Flexbox解决。Flexbox不仅能居中内容，还能独立调整样式，简化代码，便于调整，展示了CSS的灵活性。
🎯
关键要点
- 作者在网页设计中遇到图片和文本垂直居中的问题。
- 使用Flexbox解决了图片和文本的居中问题。
- Flexbox可以独立调整样式，简化代码，便于调整。
- 作者尝试了多种CSS技术，包括float属性，但效果不理想。
- 通过使用Child Combinator选择器，成功对特定的img元素进行样式调整。
- 使用margin: auto成功将文本居中对齐。
- 最终实现了在不同高度的容器中，图片和文本始终垂直居中。
- Flexbox是现代网页设计中高效的解决方案，能够灵活调整样式。
➡️
