当缩小浏览器窗口时,段落元素强制文本跳转到下一行?

时间:2016-08-02 01:08:44

标签: html css browser paragraph

我在body元素中有一个普通的段落元素,它包含多行文本,当浏览器窗口缩小时,强制文本跳转到下一行。

我不希望这种情况发生,但因为它有一个定义的,恒定的结构,表明文本占用了多少行。

当我缩小浏览器窗口时,我希望它在同一个地方保持这样,所以它只是将其中的一部分从屏幕上切下而不是随着浏览器的边缘一起移动。

谢谢。

这是我的代码:

p {
    color: white;
    font-size: 0.9em;
    font-weight: bold;
    position: absolute;
    top: 200px;
    left: 200px;
    text-align: center;
}

我的HTML atm实际上是一个body元素和一个段落元素atm,里面有文本。

2 个答案:

答案 0 :(得分:0)

您想要提供元素min-width

p {
    min-width: 200px;
}

答案 1 :(得分:0)

如果您希望段落占用相同数量的水平空间,无论窗口大小如何,您可能都在寻找width属性:

p {
  width: 500px;
}