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

WBOY
發布: 2016-06-24 12:20:42
原創
1288 人瀏覽過

<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”这些自以为是的人膜拜一天。
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板