Html 固定块元素中具有可伸缩长度的文本

这是我的

下面是标记（fiddle中的css）

好的，这很好



还在工作。。。



哎呀，它被推倒了



我希望它在这种情况下看起来如何

看完这四个句子。。第四个div有一个独特的类，它硬编码理想维度

---

有什么创造性的解决方案可以让这一切顺利进行吗我希望块a标记保持相同的大小。

从

a

CSS规则中删除

height

属性

a {
  display: block;
  width: 200px;
  /* height: 70px; */
  padding: 20px;
  background: black;
  box-shadow: 0px 0px 15px 0px black;
  text-align: center;
  text-decoration:none;
}

---

使用最小高度而不是高度

a{min-height:70px;}

---

看起来您希望在div中垂直居中

以下是您如何做到这一点：

在css中：

 #floater   {float:left; height:50%; margin-bottom:-55px;}
 #content   {clear:both; height:110px; position:relative;}

在html中：

 <div id="floater">
 <div id="content">
    Content here
 </div>
 </div>

满足于此

将

a

的

高度更改为
min height
或
auto

用另一个span将
a
中的
span
括起来

添加
显示：表格到新范围

添加
显示：表格单元格
和
垂直对齐：居中到现有的
a

当我在你的小提琴上试的时候，它工作了，希望我有更多的时间，希望它有帮助。=）
 如果你想保持你想要的大小，并根据他的长度改变文本的大小，请看这个问题。
谢谢，但我希望它们都是相同的高度。快速修复。谢谢分享。不幸的是，我没有在问题中提到我希望所有的项目都是相同的大小，所以这不起作用。所以增加块的高度
 <div id="floater">
 <div id="content">
    Content here
 </div>
 </div>