文本换行使每一行都在另一个 HTML 之上答案

【问题标题】：Text wrap making each line go on top of one another HTML文本换行使每一行都在另一个 HTML 之上
【发布时间】：2014-01-19 19:28:38
【问题描述】：

我正在尝试编写它，以便我博客上的文字不会重叠。我尝试将“空白：nowrap”代码放入任何有文本的地方，但它只是让单词进入页面中间。这是我页面的链接，说明了我在说什么http://schlurb.tumblr.com/post/68525778003/life-goals-marry-paris-hilton-birth-a

这是我正在使用的代码的一部分：

.quote {
  float: right;
  text-align: center;
  font-size: {
    text: Body font size
  }
  px;
  line-height:20px;
  text-transform:none;
  margin-top:20px;
  margin-bottom:20px;
  width:620px;
  font-family: {
    font: body title
  }
  ;
}

【问题讨论】：

把你的html部分也放上就可以了。
是的，您链接的代码是 CSS，它很有用，但查看 HTML 也很有用

标签： html text word-wrap

【解决方案1】：

我认为您遇到了崩溃问题。这是因为

float:right;

如果真的是这样，你可以通过添加来解决它

 overflow:auto;

致您报价的父级。

【讨论】：

【解决方案2】：

首先，我只想说您在上面发布的那段 CSS 代码目前不适用于您网页上的任何内容。为什么？好吧，上面的代码适用于类名为“quote”的所有元素。您的页面上没有分配有“quote”类的 HTML 元素。

检查并将引用类添加到适用的元素。

【讨论】：

【解决方案3】：

您的 CSS .quote{} 没有对应的例如<div> 标签，这是在查看您提供的页面链接后

【讨论】：