HTML – 如何让内联块并排坐下?

HTML – 如何让内联块并排坐下?,第1张

概述code pen HTML <table> <tr> <td>label</td> <td id="meow"> <div id="a"><input type="radio"><input type="radio"></div> <div id="b">some text blah blah blah blah blah blah blah bl code pen

HTML

<table>  <tr>    <td>label</td>    <td ID="meow">      <div ID="a"><input type="radio"><input type="radio"></div>        <div ID="b">some text blah blah blah blah blah blah blah blah blah blah</div>     </td>   </tr> </table>

CSS

div {  display: inline-block;}#meow {  wIDth: 300px;}td {  border: 1px solID black;}#a {  background-color: yellow;}#b {  background-color: orange;}

如何让#b坐在#a的右边?我不希望文本包含在#a下面,这就是我使用[inline]块级元素的原因. float:left似乎也不起作用.

我不想修改#b的大小.

解决方法 您可以将display:table-cell应用于#a和#b以及white-space:nowrap以强制#a不将内部< input>包装在一列中,但将它们显示在一行中.

Example

总结

以上是内存溢出为你收集整理的HTML – 如何让内联块并排坐下?全部内容,希望文章能够帮你解决HTML – 如何让内联块并排坐下?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1055343.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存