为了账号安全,请及时绑定邮箱和手机立即绑定

关于例子里span的上下排列疑问

为什么 例子里的 我是span2 和 我是span3 是上下排列http://img1.sycdn.imooc.com//5719c8100001885102710119.jpg

我放到dw里就是左右排列的?这是代码

<body>

        <div>

            码农家族

            <p>

                <span>孙</span> 

            </p>

            <span>子</span>   

            <span>子</span> 

        </div>

        <span>外人</span>

        <script type="text/javascript">

           $("p+span").html("我是p元素下面的码友")

        </script>

 效果:

码农家族

我是p元素的下面的码友 子

外人

正在回答

4 回答

<span>标签是行内元素,在没设置CSS样式的情况下,遵循文档流。你窗口宽度小的情况下,一行满了,他自然会跳到下一行。http://img1.sycdn.imooc.com//572437c70001c86904160839.jpg


你仔细看下,我用箭头标出来了,人家的预览窗口拉成那么窄,所以一行只显示一个了

1 回复 有任何疑惑可以回复我~
#1

阿biu 提问者

谢谢你!明白了
2016-05-03 回复 有任何疑惑可以回复我~

<span>标签是行内元素,在没设置CSS样式的情况下,遵循文档流。你窗口宽度小的情况下,一行满了,他自然会跳到下一行。你说的这种情况,是不是你DW里的预览窗口很宽,它们都显示在同一行上了。而在这里的预览窗口你没拉开来,很窄,所以显示成了两行?

不知道我有没有理解错你的意思,如果不是这样,那你想问的是什么问题?



0 回复 有任何疑惑可以回复我~

是的,span是行内标签,可能是css设置,

也有可能是浏览器窗口比较小,横排只能放下一个span标签的内容.下一个span标签自动跑下面去了

0 回复 有任何疑惑可以回复我~
#1

阿biu 提问者

讲真,我到现在还不明白,一直带着这个疑问前进
2016-04-26 回复 有任何疑惑可以回复我~

不会是因为那串引入的css代码吧

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

关于例子里span的上下排列疑问

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信