6

基本上，我希望在同一行上有一个 h1 和 ap 元素，但是对齐方式偏离了很多（意味着 H1 高于 P 并且看起来很糟糕）而且我以前从来没有用 css 做这样的事情！

我已经拼凑了一个 jsfiddle 来配合这个，这里是代码：

<h1 style="float:left;display:inline;">"Hi!</h1><p style="float:left;display:inline;">I'm James, and I <strong>LOVE</strong> building clean, fast and (most importantly) effective websites. Oh, and I also know a thing or two about computers.</p><h1 style="float:left;display:inline">"</h1>

http://jsfiddle.net/9H8xE/

谢谢！

4

2 回答 2

3

回答前的一些建议：

  1. P 标签旨在创建一个新段落，因此如果您不需要该段落，请改用 span 标签。
  2. 尽量避免内联样式，使用 CSS 选择器。

http://jsfiddle.net/9H8xE/1/

试试这个，如果它告诉我works

HTML：

<h1 >"Hi!</h1><p>I'm James, and I <strong>LOVE</strong> building clean, fast and (most importantly) effective websites. Oh, and I also know a thing or two about computers.</p><h1>"</h1>

CSS：

p
{
    display:inline;
}
h1{
    display:inline
}
于 2013-07-21T23:08:39.970 回答
2

问题中代码的技术问题是float: left阻止display: inline生效，改为设置display为block，因此删除所有float: left声明。

一个不同的问题是，您将右引号作为h1元素之后的p元素内容。这是非常不合逻辑的。技术含义是这个字符会以 的字体大小出现h1，导致行间距不均匀，除非您将字体大小设置为与字体大小h1相同p。你需要决定你想要什么：为什么要在正常大小的文本之后有一个大尺寸的结束引号，如果你这样做，应该如何呈现？

于 2013-07-22T05:42:20.827 回答