如何使用css实现一个简单的顶部对齐
答案:2 悬赏:70
解决时间 2021-02-11 08:57
- 提问者网友:花之森
- 2021-02-10 09:52
如何使用css实现一个简单的顶部对齐
最佳答案
- 二级知识专家网友:丢不掉的轻狂
- 2021-02-10 10:04
要让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等样式的影响,所以最好是能够将这些因素根据自己的需求考虑进去
全部回答
- 1楼网友:哭不代表软弱
- 2021-02-10 10:42
要让div顶端对其,那么就必须根据html的布局和css样式的对其方式决定了:
1.浮动(float),这种情况下默认横向是left,纵向是top方向,所以默认就满足顶端对其;
2.定位(position),这种情况下只要设置要top的值就可以了;
3.display:inline-block;这种情况下,一般不是顶端对其,必须在父级加上一条样式:vertical-align: top;才能实现顶端对其。
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯
• 手机登qq时,显示手机磁盘不足,清理后重新登 |
• 刺客的套装怎么选啊? |