使表格单元格的父级宽度为100％

Question

如何使表格单元格成为父级的100％宽度。

当文本足够长以达到元素的整个宽度时，它的工作完全正常但是当文本不是时，它不希望在使用table-cell和vertical-align：middle时居中;

Here is a fiddle:

https://jsfiddle.net/DTcHh/7471/

Answer 1

更新

这是使用弹性盒的更好解决方案：

jsFiddle

h4 {
    height: 50px;
    font-size: 1em;
    width: 100%;
    font-style: oblique;
    color: #FFF;
    text-align: center;
    margin-left: 5px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
   }