CSSについての単純な質問ですが、DivとSpanを同じ行に置くとどうなりますか？ _html/css_WEB-ITnose

<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 はすでに上部を埋めており、他の要素のスタイルを変更しない限り、解決策はありません。

または、次のようにスパンの外側に 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 は絶対に、左に、上に配置します~~

span

div

達成するために使用する手段をより狭い範囲に制限するあなたのニーズは、それは興味深いものではありませんか？インライン要素とブロックレベル要素を理解していますか?まず、どれがインライン要素でどれがブロックレベル要素であるかを理解してから、それらを使用してください。そうしないと、レイアウトが大きな穴になってしまいます...

スパンは絶対位置のみで、左と上は自分で調整できます~~

絶対位置は親要素から分離されているため、良くありません。

;div>div

これが本当のマスターです!


span

div

これが本当のマスターです！

これが本当のマスターです。「wuzhengqing1」や「KK3K2005」のような独善的な人々に崇拝されるために、この投稿を 1 日保存してください。