html - 如何仅使用 CSS 强制 <div> 与复选框内联?

标签 html css inline

<分区>

我有这个,但不允许我触摸 HTML。

<div id="dynamic001" class="div-container">
    <input type="checkbox" class="checkbox" name="dynamic002" id="dynamic003">
    <label for="dynamic003" class="label1">
    <div class="div-text" id="dynamic004">
	Sample Text
    </div>	
</div>

是否有任何方法可以仅使用 CSS 强制示例文本与复选框内联

最佳答案

只需将内联 block 添加到 div

  .div-text {
    display: inline-block
  }

.div-text {
  display: inline-block
}
<div id="dynamic001" class="div-container">
    <input type="checkbox" class="checkbox" name="dynamic002" id="dynamic003">
    <label for="dynamic003" class="label1">
    <div class="div-text" id="dynamic004">
	Sample Text
    </div>	
</div>

关于html - 如何仅使用 CSS 强制 <div> 与复选框内联?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42234853/

上一篇:html - 根据浏览器显示不同的颜色

下一篇:jquery - 在没有唯一 ID 的 div 标签中隐藏文本

相关文章:

javascript - 从 NodeJS 中的 HTML 字符串中获取所有文本内容

css - 向下滚动时隐藏,向上滚动时出现

javascript - 我想做一个在 id 上不断添加 5 的按钮。如何?

html - 为什么位置为 : fixed moving with a non-positioned sibling? 的元素

html - CSS - 如何让我的导航栏居中?

javascript - 在谷歌地图中滑动 div

jquery - jQuery slider 在cakephp 3中不起作用

assemblies - CLR 4.0 内联策略? (可能是 MethodImplOptions.NoInlining 的错误)

javascript - 如果可能的话,帮我优化这个 2 行 Javascript!

c - 变质示例代码