引号向后显示

时间:2013-03-14 13:20:03

标签: html css quotes

每当我在文本中使用引号在我的代码中显示时,起始引号和结束引号都显示为结束引号。为什么会发生这种情况?我认为它可能是字体,但我将其更改为多个不同的字体,它仍然是相同的。我的代码中的某些内容可以改变它吗?

#container{

background:transparent;
margin-top:50px;    
border-left:2px #666 solid;
border-right:2px #666 solid;
width:600px;
height:auto;
}
#content{ 
padding:10px;
float: left;
display: block;
max-width: 100%;
overflow:hidden;
margin-top:150px;
border:1px #000 solid;
margin-top:0px;
background-color:transparent;
line-height:0px;
margin-bottom:20px;
margin-left:40px;
width:500px;
height:auto;
}
.text{
background:#efefef;
color: #000;
text-align:center;
 margin-bottom:20px;
width:480px;
padding-left:10px;
padding-bottom: 20px;
}

这就是针对此的所有css,这里是显示内容的示例图像 enter image description here

1 个答案:

答案 0 :(得分:1)

我只能想象这是由您用来编辑HTML的文本编辑器引起的。例如,Microsoft Word会自动将"Hello, world"转换为“Hello, world”“”),这是无效的标记。

CSS更改HTML的呈现。它不会改变HTML本身。将CSS应用于包含<p class="paragraph">的HTML文件不会将HTML神奇地转换为<p class=“paragraph”>。此外,样式script标签将毫无意义。

CSS(JSFiddle)实际发生这种情况的唯一方法是,首先你的HTML是这样的:

<body>
    <p>
        &lt;script src=<span>"</span>blah<span>"</span>&gt;&lt;/script&gt;
    </p>
</body>

你随附的CSS就是这样的:

span { font-size:0; }
span:after { content: "“"; font-size:16px; }

但我认为在这里根本就不是这样。