关于css的简单问题，如果把Div和Span放到同一行？_html/css

关于css的简单问题，如果把Div和Span放到同一行？_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 12:20:42

原创

1565人浏览过

<table>  <tr>      <th style="width:180px;border:1px solid red">          <div>div</div>           <span>span</span>                 </th>  </tr>  </table>

登录后复制

上面这段代码，如果能通过调整Span的css，把span和div放到同一行？

注意，不能调整除span之外的任何元素的css属性。但是可以把span变成其他的元素，则要这个元素支持背景为图片的属性。

回复讨论(解决方案)

没办法。。div已经把上面都充满了，不改其他元素的样式肯定是无解了。

要么span外面再加一个div
这样：

    <table>      <tr>          <th style="width:180px;border:1px solid red">              <div>div</div>               <div><span>span</span></div>        </th>      </tr>      </table>

登录后复制

LZ有答案么，我想不出办法

        <table>      <tr>          <th style="width:180px;border:1px solid red">              <div>div</div>               <div style="position:relative;"><span style="position:absolute;top:-22px;left:0;">span</span></div>        </th>      </tr>      </table>

登录后复制

忘记写样式了，补上

span只能absolute定位了，left，top自己调整~~

span div

限制自己用更小范围的手段实现需求
没什么意思吧

div span

<table>    <tr>        <th style="width:180px;border:1px solid red">            <div style="float:left">                div            </div>            <div>                <span>                    span                </span>            </div>        </th>    </tr></table>

登录后复制

二货，为什么一个用div，一个用span 呢？你懂行内元素和块级元素吗？先把哪些是行内元素，哪些是块级元素搞搞清楚，再来使用它们！否则你的布局就是一个大坑......

span只能absolute定位了，left，top自己调整~~

absolute定位脱离父元素来，不好。

span div

这才是真正的高人！

span div

这才是真正的高人！

这才是真正的高人，把这个帖子保留一天给类似于“wuzhengqing1”和“KK3K2005”这些自以为是的人膜拜一天。

大家都在看：

JavaScript 选项卡画廊：利用事件委托实现图片与文本的联动隐藏 Svelte中的函数优化：为何你不再需要useCallback Django 图片上传与显示：解决ImageField“文件未找到”问题如何通过CSS在文本下方优雅地放置装饰性元素：定位与伪元素技巧 HTML邮件签名兼容性指南：解决图片缩放与文本位移问题