首页
课程
路径
文章
PHP培训
精品课
下载

技术文章  >  web前端 > css教程

CSS 自我对齐属性

WBOY
WBOY 转载
2023-08-30 19:01:06 710浏览

CSS 自我对齐属性

使用align-self 属性设置任何弹性项目的对齐方式。您可以尝试运行以下代码来实现CSS的align-self属性

<!DOCTYPE html> <html> <head> <style> .mycontainer { display: flex; height: 300px; background-color: orange; } .mycontainer > div { background-color: white; text-align: center; line-height: 90px; font-size: 40px; width: 100px; margin: 50px; } </style> </head> <body> <h1>Quiz</h1> <div class = "mycontainer"> <div>Q1</div> <div>Q2</div> <div>Q3</div> <div style = "align-self: center">Q4</div> <div>Q5</div> </div> </body> </html>

以上就是CSS 自我对齐属性的详细内容，更多请关注php中文网其它相关文章！

PHP课程HTML视频教程CSS视频JS视频教程Vue视频教程
声明：本文转载于：tutorialspoint，如有侵犯，请联系admin@php.cn删除
上一条：HTML 列表的类型 下一条：如何使用 CSS 在项目列表之间动态添加逗号？

相关文章

查看更多
  • 热门课程
打开APP，随时随地在线学习！