将<button>标记放在<span>标记内是正确的放置方式</span> </button>

Question

我需要在一个框中显示文本和按钮。 我在按钮内放置了按钮标签，其中包含文本和按钮

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

我的问题是在内部有按钮的正确方法。因为刚刚学过的跨度是内联元素，它只能有文本，图像等。

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

Answer 1

当然，您可以使用CSS将span作为块元素呈现，如果您需要，甚至可以使用内联块。注意：有些浏览器不支持内联块（是IE，我在看你）

.yourSpanClass {
    display: block;
}

.yourSpanClass {
    display: inline-block;
}

但是，如果您有权访问HTML，我建议您只使用div。

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

Answer 2

按下按钮。使用CSS / jQuery使span成为按钮。不要忘记样式：悬停并使用JS / jQ来执行预期的操作