在一个div里面的两个span标签没有对齐，或者在一个div里面的两个div没有对齐

最新推荐文章于 2021-10-10 16:33:52 发布
于 2019-12-02 16:50:33 发布 549 收藏
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013447988/article/details/103351802
版权

只需要给这两个子元素span标签或者div标签添加vertical-align:top属性就可以了

不知道取啥名2021
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
两个span在一行却高低不一致
weixin_43859703的博客
05-17 1884
给第一个span加了超出部分呢省略号以后，两个span虽然还在一个div中，但是居然不同高了！！一个靠上一个靠下一些，我试了各种css居中的方式也没能让两个span同高； 研究了很久发现是overflow：hidden以及不折行影响的，最后解决办法是使用flex布局，两个span就恢复正常了，万能的flex啊！！！ .textTop{ width: 100%; display:...
input与后面的div,span上下居中对齐
guochanof的专栏
03-06 1874
<input type="checkbox" id="chkRem" style="vertical-align:middle;"/><span style="vertical-align:middle;color: #C1CDC1;font-size:14px">记住密码</span>
一行两个span不在同一高度问题
叁柒單木
10-10 328
有想法的span标签一. 实际开发span的问题二 .解决的方法（重点） 一. 实际开发span的问题 ????开发要求效果图（一个盒子包裹两个span标签，要求在一行显示） ????代码结构 <div class="top clearfix"> <div class="left">欢迎访问某某电子电器有限公司！</div> <div class="right"> <span><img src
元素div 上下左右居中方法总结
weixin_30265103的博客
08-22 1031
元素div 上下左右居中方法总结 情景一：一个浏览器页面中，只有一个div模块，让其上下左右居中 　　　　　　解决方案： { position:fixed; 　　　　　　　　　　　　 left:0; 　　　　　　　　　　　　　right:0; 　　　　　　　　　　　　　top:0; 　　　　　　　　　　　　　bottom:0; 　　　　　　　　　　　　　margin:auto; ...
a标签和span标签里的文字不对齐
老徐的博客
08-20 1044
像这样 给它加上块级标签并浮动它就可以了
一个div内有两个或多个span标签，存在的间隙和高度不一致的问题
ywp9915的博客
10-27 2188
1、一个div内多个span标签之间有间隙，仿写的百度首页为例。 <divclass="search_box"> <spanclass="main"> <inputclass="search_input"type="text"> <spanclass="camera"></sp...
关于div下span不对齐的解决问题
月想容的博客
05-23 1万+
问题：        在设计前端界面时，碰到在同一div下添加多个水平排列的div（或其他标签）和span时，存在高度不一致的问题。        &lt;template&gt; &lt;Layout&gt; &lt;!-- header --&gt; &lt;Header&gt; &lt;div style="height: 64px;float: left;padding-l...
div中内嵌并排div的显示问题
热门推荐
shy2shy的博客
12-28 2万+
在页面布局中，最常使用的就是div标签，经常会出现div中内嵌div的情形，这时，子div的排列就相当重要。下面推荐两种方式。 **1. 当需要两个div并排显示，并拥有同一个父div时：**<div style="width: 500px; height: 300px; background-color: red;"> <div style="width: 250px; heigh
HTML让两个span分别向左向右对齐（两端对齐）
良月柒
04-03 2万+
CSS代码 .box { width: 100%; /* 因为 content 会另起一行，影响样式的话，height 设置为具体的值可以避免高度变高的情况 */ height: 100%; /* 设置元素两端对齐 */ text-align: justify; } /* 这里的伪元素一定要加上，不然span元素不能两端对齐 */ .box:af...
scala-intellij-bin-2023.1.15.zip
03-30
scala-intellij-bin-2023.1.15.zip
抠图软件PhotoScissors-9.0.4
03-30
抠图软件PhotoScissors_9.0.4
1_Zhuoyi1_0.java
最新发布
03-30
1_Zhuoyi1_0.java
MATLAB教程之删除矩阵全0行及NAN行.zip
03-30
数据预处理MATLAB代码，用MATLAB脚本对数组删除存在全0或者nan的列

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不知道取啥名2021

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。

余额充值