javascript - 将 标签放在 标签内是正确的放置方式

Question

我有一个要求，我需要在一个框中显示文本和按钮。我已将按钮标签放置在具有文本和按钮的 span 中

  inside span tag
  +-------------------+
  | text here         |
  |                   |    
  | <button> tag here |
  +-------------------+

我的问题是在跨度内设置按钮的正确方法。刚刚了解到span是行内元素，只能有文字、图片等。

What is the difference between HTML tags <div> and <span>?

Answer 1

您当然可以使用 CSS 将 span 渲染为 block 元素，如果需要的话，甚至可以将其渲染为内联 block 。

.yourSpanClass {
    display: block;
}

.yourSpanClass {
    display: inline-block;
}

不过，如果您可以访问 HTML，我建议您只使用 div。

支持的浏览器:http://caniuse.com/inline-block