css垂直居中代码

本文摘要:

文字垂直居中代码

外层框设定高度height=行高line-height

图片居中

  1. vertical-align:middle
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <style>
  5. form{
  6. border:15px solid red;
  7. height:100px;
  8. text-align:center;
  9. padding:5px;
  10. line-height:100px;
  11. }
  12. div{
  13. height:500px;
  14. border:15px solid blue;
  15. line-height:500px;
  16. text-align:center;
  17. }
  18. div img{
  19. vertical-align:middle;
  20. }
  21. </style>
  22. </head>
  23. <body>
  24. <form>
  25. <input type="submit" value="提交">
  26. <input type="text" value="请输入文字">
  27. </form>
  28. <div>
  29. <img src="http://d.lanrentuku.com/down/png/1505/android-lollipop-icon-set-by-tinylab/goodreads.png">
  30. </div>
  31. </body>
  32. </html>

 

合作项目:
版权声明:
0 条回复 A文章作者 M管理员
欢迎您,新朋友,感谢参与互动!
    暂无讨论,说说你的看法吧

LinkLi

工业设计建模,建筑参数化,动画渲染,在线指导

作者

关于本文的有任何疑问都可以在评论区提问。

微信群

加入犀牛技术微信解答群,随问随答

Rhino课程

工业设计的犀牛建模实战课程

参数化纹理

参数生成无缝纹理

BIM考证特训

完全免费在线考试特训视频

购物车
优惠劵
搜索