如何使用css实现一个简单的顶部对齐
7个回答
2017-10-25
展开全部
要让div顶端对其,那么就必须根据HTML的布局和css样式的对其方式决定了:
1.浮动(float),这种情况下默认横向是left,纵向是top方向,所以默认就满足顶端对其;
2.定位(position),这种情况下只要设置要top的值就可以了;
3.display:inline-block;这种情况下,一般不是顶端对其,必须在父级加上一条样式:vertical-align: top;才能实现顶端对其。
Ps:这些都是基于整个div的情况下,而实际表现出来的效果。可能会受到margin、padding等样式的影响,所以最好是能够将这些因素根据自己的需求考虑进去
1.浮动(float),这种情况下默认横向是left,纵向是top方向,所以默认就满足顶端对其;
2.定位(position),这种情况下只要设置要top的值就可以了;
3.display:inline-block;这种情况下,一般不是顶端对其,必须在父级加上一条样式:vertical-align: top;才能实现顶端对其。
Ps:这些都是基于整个div的情况下,而实际表现出来的效果。可能会受到margin、padding等样式的影响,所以最好是能够将这些因素根据自己的需求考虑进去
展开全部
对齐方式text-align或者align,选择top就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
Vue实践-CSS样式position/display/float属性对比使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你好,文字对齐代码如下:
text-align:center 居中对齐
text-align:left 左对齐
text-align:right 右对齐
text-align:justify 两端对齐
text-align:center 居中对齐
text-align:left 左对齐
text-align:right 右对齐
text-align:justify 两端对齐
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
position:absolute;top:0px;left:0px;
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询