关于HTML / CSS中的文本的问题

时间:2011-07-26 14:02:39

标签: html css

我知道对此的修复可能相当容易,但我如何才能获得如下所示的HTML系列:

  

22 West Washngton St.
  Northbrook,IL 39492

而不是:

  

22 West Washington St。

     

Northbrook,IL 39492

基本上,我该如何消除文本行之间的空格?我目前在两个单独的标签上都使用<p>标签。如果我将它们放在相同的<p>标记内,它们只是排列在一起。

5 个答案:

答案 0 :(得分:7)

不要对每个行使用<p> 。它们是地址的行,而不是单独的段落。请改用换行符(<br>)。作为副作用,这将消除您不喜欢的边际。

答案 1 :(得分:2)

有一百万种方法可以做到这一点..

我会推荐第一个解决方案 - 因为它似乎是'适当'的方式来做它恕我直言。

听起来你只需要在.st

之后使用换行符()
<p>22 West Washngton St. </br>
Northbrook, IL 39492</p>

只是添加其他方法来做到这一点 - 一种方法是。 一个是在st。

之后使用span标签和休息
<span>22 West Washngton St. </br>
Northbrook, IL 39492</span>

答案 2 :(得分:1)

你可以做到

<p>22 West Washngton St.<br />
   Northbrook, IL 39492</p>

答案 3 :(得分:0)

<p>标记用于包围文字段落。如果您不想要此功能 - 在这种情况下您不需要 - 只需在两行之间使用<br />标记。

答案 4 :(得分:0)

将以下内容添加到head标记或常用css中。

<head>
<style> 
p { margin: 0px; padding: 0px }
</style>
</head>

使用Mozilla Firefox中的Firebug在运行时查看CSS。如果你的实例中有更多的css冲突。