> 웹 프론트엔드 > HTML 튜토리얼 > 关于css的简单问题,如果把Div和Span放到同一行?_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 12:20:42
원래의
1321명이 탐색했습니다.

<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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿