在同一行文字上对齐不同的字体大小看起来不错？

基本上，我想在同一行上有一个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/

谢谢！

来源

2013-07-21 MrS1ck

你能展示一个你想要它的样子吗？ – Stobor

答案之前的一些建议：

p标签是为了创建一个新的paaragraph，因此，如果你不需要在使用span标签来代替。
尽量避免内联样式，使用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-21 23:08:39 user2580076

@ MrS1ck这是你在找什么？ – user2580076

完美！我主要是自学成才，并不知道P和Span之间的区别。今天我学会了，它完美运作！谢谢！ – MrS1ck

@ MrS1ck欢迎您，如果您有任何其他问题，请告知我:) – user2580076

问题中的代码的技术问题是，float: left阻止display: inline生效，setting display to block取而代之，因此删除所有float: left声明。

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

来源

2013-07-22 05:42:20

在同一行文字上对齐不同的字体大小看起来不错？

回答

相关问题