Question

我有一个像这样的简单div：

<div id="containerDIV">
    <div>THIS IS SOME TEXT</div>
</div>
...
#containerDIV {
    max-width:200px;
}

但是，在运行代码时，文本会在页面上显示如下：

THIS IS
SOME TEXT

为什么会这样？虽然文本没有达到最大宽度，但它似乎换行到一个新行。如何强制文本在一行中直到达到最大宽度，然后移到下一行？

这是一个概述问题的小提琴：http://jsfiddle.net/v2p2xvjh/1/

我尝试按照建议设置最小宽度，但是当字段中显示短文本时，这看起来很奇怪。因为容器div现在对于短文本来说太宽了。

Answer 1

更新＃1

因为您使用的是“position：absolute”。如果没有定义宽度，这将强制div的宽度为0px。最大宽度：200px将允许介于0px到200px之间的任何内容。如果使用最小宽度：200px，则允许从200px到无限px。

这是jsFiddle：http://jsfiddle.net/v2p2xvjh/2/

<强> OLD

问题似乎与您使用的font-size或font-family有关。如果父元素的宽度小于200px，它也可能会受到影响。

在jsFiddle上测试它，它按预期工作：https://jsfiddle.net/0wg3hodx/1/

package datastore

import(
    "gopkg.in/mgo.v2"
)

var Sesh = newSession()

func newSession() **mgo.Session {
    session, err := mgo.Dial("localhost")
    if err != nil {
        panic(err)
    } 

    return &session
}

这是因为它有足够的空间来达到最大宽度：200px。

您需要查看周围元素的CSS（宽度/填充/边距/字体）来解决问题。

如果达到最大宽度，则仅将文本换行到新行？

1 个答案: