<div class="container">
<span>Some text, yay</span>
</div>
<div class="container">
<span>Some text, yay. But shit time, there is alot of text, so we get a problem with breaking lines and the given height :( How can I align vertical now?</span>
</div>
<style>
.container {
width: 100%;
height: 50px;
line-height: 50px;
border: 1px solid black;
}
.container span {
padding-left: 30px;
}
</style>
当屏幕宽度太小时,这种解决方案效果很好,但文本会被分成多行。
我在谷歌中搜索此问题时发现了很多疯狂且过于复杂的解决方案,需要使用JavaScript和DIV来调整我的内容位置。有人能帮我在不添加更多标记的情况下使其生效吗?:)
无需支持Internet Explorer和旧版本浏览器。
谢谢
<span>
嵌套在一个<div>
里会起作用吗? - aaron-bond