html – ,,…标签,inline里面()

发布时间：2020-12-14 21:38:04 所属栏目：资源来源：网络整理

导读：我试图拥有 hx段落内的标签，如： pLorem ipsum dolor sit amet,consectetur adipiscing elit. Aliquam pulvinar tincidunt neque,at blandit leo mattis vitae. Cras h2placerat/h2 justo vel risus porta cursus. Nullam eget sem nibh. Sed h3mattis/h3 f

我试图拥有< hx>段落内的标签，如：

<p>Lorem ipsum dolor sit amet,consectetur adipiscing elit. Aliquam pulvinar tincidunt neque,at blandit leo mattis vitae. Cras <h2>placerat</h2> justo vel risus porta cursus. Nullam eget sem nibh. Sed <h3>mattis</h3> facilisis rhoncus. Morbi sit amet nisl lectus.</p>

但是我总是在每个人之前得到一个换行符，甚至应用所有这些，以及以下声明的组合：

h1,h2,h3,h4,h5,h6 {
display:inline !important;
text-transform:none;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
clear:none;
color:inherit;
margin:0;
padding:0;
}

那么我可以做什么，使标签与文本内联不相关？现在我得到一些东西

Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Aliquam
pulvinar tincidunt neque,at blandit
leo mattis vitae. Cras

placerat justo vel risus porta cursus.
Nullam eget sem nibh. Sed

mattis facilisis rhoncus. Morbi sit
amet nisl lectus.

谢谢

PS：btw我正在使用blueprint框架主题为drupal。

解决方法

你在滥用 header tags。

您应该使用< span> CSS类的标签。

我tried it out，现在发生的是当Firefox看到无效的< h1>标签在< p>内，它会自动关闭< p>标签。你可以在Firebug中清楚地看到这一点。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!