从下往上排列多行文本

也许这不是最好的标题，所以这里是一个例子：一个固定宽度的div包含三个词的跨度。从下往上排列多行文本

<div id="something" href="#something"> 
<span>Some mysterious text</span> 
</div>

现在，他们表现为：

有些神秘

文本

我要的是：

一些

神秘的文字

换句话说，我希望文本（不论是文本，不仅仅在我的三个词的例子中）填充从底部开始的宽度，然后向上移动。这里是

如果有将是唯一的3个字出现，然后用一个简单的''
的第一个字后。 – 2014-09-04 10:34:24

更改/减少div的宽度是最优雅的解决方案。 – rnevius 2014-09-04 10:35:55

@mevius，在我的情况下，宽度是，应该是固定的。 – 2014-09-04 10:38:16

只需使用br tag：

<span>Some <br />mysterious text</span>

或者，你可以使用宽度为跨度：

#something span{ 
    display: inline-block; 
    width: 100px; 
}

2014-09-04 10:31:15

正确，但我想要更通用的东西。我想要我放置的任何文本，先从底线开始填充宽度，然后向上移动。 – 2014-09-04 10:35:42

检查更新的答案然后.. – 2014-09-04 10:37:45

@ C-link尼泊尔：演示似乎没有工作，尝试用“abcdefg”替换神秘的词例如... – 2014-09-04 10:56:36

或者使用< BR />，像@ C-link尼泊尔的答案，或者你改变div的宽度。

95px将被罚款

2014-09-04 10:34:34

添加一些内联属性您<span>内，使其block会有所帮助。事情是这样的

<div id="something" href="#something"> 
    <span><b>Some</b> mysterious text</span> 
</div>

风格

span>b{ 
    font-weight: inherit; 
    display: block; 
}

2014-09-04 10:36:29 Benjamin

“换句话说，我希望文本第一填补了底线”

疯狂的想法：如果您可以确定您可以适应多少空白字符bef如果它包装文本并将其展开到第二行，则可以编写一段JavaScript代码将文本附加到该组字符的末尾，并在填充范围时将其删除，然后将填充区域放在底部 - 最后一种方式。

类似找到东西，可以帮助你在这里： jquery/css wrap text bottom up

2014-09-04 10:39:02 theMarceloR

回答