Html中居中问题小结

发布时间:2020-09-15 19:15:34 作者:沉迷学习中
来源:网络 阅读:299

一:文字(行内元素)在块盒子(块元素)中水平居中:text-aligh:center;

二:文字(行内元素)在块盒子(块元素)中垂直居中:设定行高等于盒子高

例如:

    height:30px-------->line-height:30px;

三:块盒子在其父块盒子中水平居中:margin:0 auto;

四:块盒子在其父块盒子中垂直居中:没有特别的直接属性可以做到。

五:图片和文字在垂直方向对齐:在图片上使用------>vertical-align:middle;

推荐阅读:
  1. html中居中如何设置
  2. html中图片居中怎么设置

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

图片 center middle

上一篇:java仿Servlet生成验证码实例详解

下一篇:用两个栈实现一个队列——7

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》