Question

我正在编写一个测验应用程序，其中三个可能的答案使用以下css进行样式设置：

.answer {
            color               : Black;
            background-color    : Aqua;
            border-radius       : 5px;
            height              : 38px;
            width               : 320px;
            padding             : 5px;
            line-height         : 38px;
            text-align          : center;
    }

当潜在答案的文本长于320像素时，文本的其余部分不会显示。我怎么能改变这个css，使宽度保持320px，但文本包裹宽线是显示在彼此之下的多行？

谢谢！

Miktor

Answer 1

只需删除height的{{1}}：

.answer

.answer {
  color: Black;
  background-color: Aqua;
  border-radius: 5px;
  width: 320px;
  padding: 5px;
  line-height: 38px;
  text-align: center;
}

Answer 2

您需要$result = mysql_query("SELECT * FROM my_table");

这将包装额外的字母而不是隐藏它们。（实际上他们并没有按照你的css隐藏，他们正在拐角处，并且可能因为周围的元素而无法看到。

所以你的css现在变成了：

word-wrap: break-word;

jsfiddle的例子：https://jsfiddle.net/nabtron/7jmrms3L/1/

CSS样式 - 缺少第二行文字

2 个答案: