Question

很奇怪。问题是：我在'span'标签中有一些文字，每当我在文本中放入一些特殊字符时，这些字符就会显示在奇怪的地方！假设我有这个：

<span>Your birthday</span> 
<span>(must be in the format of MM/DD/YYYY)</span>

它将呈现如下：

(Your birthday (must be in the format of MM/DD/YYYY

对发生了什么的任何想法？

更新

问题与浏览器无关，我无法在JSFiddle上重现这个问题。如果我将跨度更改为内联块，则可以正确显示括号。但是，还有另一个问题：如果span中的第一个单词是一个数字，它将被放在最后，例如。

<span>123 555 444 666</span>
<span>123 main street</span>

将呈现为：

666 444 555 123 <- gets reverted! 
main street 123

Answer 1

使用<div>，或将display:block添加到您的范围内。

“它”正在发生，因为<span>元素是内联元素。内联元素允许同一行中的其他内联元素。

以下所有行都会产生：

Foo
Bar

<div>Foo</div> <div>Bar</div>

<span style="display:block;">Foo</span> <span style="display:block;">Bar</span>

<style>span {display:block}</style>
<span>Foo</span><span>Bar</span>

Answer 2

在JSFiddle中运行正常：http://jsfiddle.net/simply_simpy/fmE5j/

你能复制吗？

span元素中的文本是否正确显示？

2 个答案: