相关疑难解决方法(0)

如何在div中垂直对齐文本?

我试图找到最有效的方法来将文本与div对齐.我尝试了一些东西,似乎都没有用.

.testimonialText {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 150px;
  height: 309px;
  vertical-align: middle;
  text-align: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  padding: 1em 0 1em 0;
}
Run Code Online (Sandbox Code Playgroud)
<div class="testimonialText">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
  in reprehenderit in voluptate velit esse …
Run Code Online (Sandbox Code Playgroud)

html css vertical-alignment

1102
推荐指数
19
解决办法
157万
查看次数

如何在表格单元格内垂直对齐div?

如何垂直居中表格单元格内的div?

HTML:

<tr class="rowClass">
    <td class="cellClass">
        <div class="divClass">Stuff</div>
    </td>
</tr>
Run Code Online (Sandbox Code Playgroud)

CSS:

.rowClass {
    vertical-align:middle !important;
    height:90px;
}

.cellClass {
    vertical-align:middle !important;
    height:90px;
}

.divClass {
    vertical-align:middle !important;
    height:90px;
}
Run Code Online (Sandbox Code Playgroud)

我知道类定义是多余的,但我一直在尝试很多不同的东西.为什么解决方案(不管是什么)不直观.我试过的"明显"解决方案都没有用.

html css html-table vertical-alignment

25
推荐指数
1
解决办法
4万
查看次数

标签 统计

css ×2

html ×2

vertical-alignment ×2

html-table ×1