发新贴  快速回复

两个span都设置display:inline-block,为什么第一个span会被挤下去

carol_2014
2014-12-25 11:42
如题,两个span都设置display:inline-block,给第二个span加一个overflow:hidden,为什么第一个span会被挤下去??

求助啊,在线等ing
 
莫涛
加垂直对齐方式
2014-12-25 15:25  回复本帖
创美易-miaov
forum.php?mod=redirect&goto=findpost&pid=34194&ptid=11143
加垂直对齐方式

两个span都设置display:inline-block,给第二个span加一个overflow:hidden,为什么第一个span会被挤下去??
他不是问解决方法,是问原因?
2014-12-25 15:30  回复本帖
无为
具体代码提交上来才好帮你分析哈。。
2014-12-25 15:39  回复本帖
创美易-miaov
forum.php?mod=redirect&goto=findpost&pid=34203&ptid=11143
具体代码提交上来才好帮你分析哈。。

它应该是说这种:

<!doctype html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <span style="display:inline-block;background:red;overflow: hidden">111111111</span>
    <span style="display:inline-block;background:red;">111111111</span>
</body>
</html>


2014-12-25 16:30  回复本帖
花花
<!doctype html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <span style="display:inline-block;background:red;overflow: hidden; vertical-align:middle;">111111111</span>
    <span style="display:inline-block;background:red; vertical-align:middle;">111111111</span>
</body>
</html>
 vertical-align值 也可以是其它的如top..
2014-12-30 10:26  回复本帖
carol_2014
forum.php?mod=redirect&goto=findpost&pid=34194&ptid=11143
加垂直对齐方式

恩,知道如何解决,但是不知道为什么会出现这种情况
2015-01-06 15:31  回复本帖
carol_2014
forum.php?mod=redirect&goto=findpost&pid=34196&ptid=11143
两个span都设置display:inline-block,给第二个span加一个overflow:hidden,为什么第一个span会被挤下去 ...

是的,知其然,也要知其所以然
2015-01-06 15:32  回复本帖
 
莫涛
默认的垂直对齐方式不统一啊
2015-01-06 16:56  回复本帖
创美易-miaov
forum.php?mod=redirect&goto=findpost&pid=34561&ptid=11143
默认的垂直对齐方式不统一啊

好的~~~
2015-01-06 18:54  回复本帖
死磕前端开发的小Y
forum.php?mod=redirect&goto=findpost&pid=34561&ptid=11143
默认的垂直对齐方式不统一啊

默认的垂直方式是怎么样呢?能否画图讲解下,谢谢!
2017-02-06 17:51  回复本帖
登录 后才可以发表回复