相关疑难解决方法(0)

如何在动态高度div中垂直居中显示文本?

<body>
    <div style="position:absolute; height:100%; width:100%;">
        <h1 style="text-align:center;">Text</h1>
    </div>
</body>
Run Code Online (Sandbox Code Playgroud)

无论div元素有多高,我怎样才能将div标签内的h1标签垂直居中?即如果用户更改其浏览器高度,我希望h1根据新高度在中心垂直对齐.

谢谢.

html css centering

36
推荐指数
4
解决办法
5万
查看次数

&lt;p&gt; 标签内垂直对齐

我有这个 html:

<div id="workAllocated">
    <h3>Work Allocated</h3>
    <p>Lorem Ipsum</p>  
    <p>Lorem Ipsum</p>  
</div>
Run Code Online (Sandbox Code Playgroud)

以及以下 CSS:

div#contentarea.profile_edit div {
    margin-bottom: 20px;
}
div#contentarea.profile_edit div.col_01 h3 {
    font-size: 2.4em;
    margin: 0;
}
div#workAllocated p {
    margin-bottom: 0px;
    border-bottom: 1px solid red;
}
Run Code Online (Sandbox Code Playgroud)

结果看起来像这个快照:

在此处输入图片说明

但我需要它看起来像这样:

在此处输入图片说明

不同之处在于<p>标签内文本的垂直对齐方式。它在<p>容器内左上角对齐,但应该在左中。我尝试了一些 技巧, 例如更改行高并将显示更改为表格单元格,然后应用垂直对齐属性,但它们都没有真正起作用。

提前致谢!

html css

0
推荐指数
1
解决办法
6764
查看次数

标签 统计

css ×2

html ×2

centering ×1