<div> 标签中的 <p> 标签 font-weight

Question

我遇到了 div 标签中字体大小和粗细合适的问题。 我想要它垂直对齐底部，所以请帮助我。

div
{
    border:1px solid black;
    height:100px;
  
}

table
{
    border:1px solid black;
    height:100px;
    width:100%;
}

p 
{
    font-size:50px;
    font-family:sans-serif;
    font-weight:900;  
    vertical-align:bottom;
}

td
{
    font-size:50px;
    font-family:sans-serif;
    font-weight:900;  
    vertical-align:bottom;
}

<div>
<p>TEST</p> 
</div>

<hr>

<table>
    <tbody>
        <tr>
            <td>TEST</td>
        </tr>
    </tbody>
</table>          

我已经包含了一个我可以用 a 做什么的演示，但我想要一个 div 标签来做同样的事情。

http://jsfiddle.net/t9m6umvd/3/

Answer 1

不确定您到底在寻找什么，但 margin-top 可能是一个选项来定位您的文本

http://jsfiddle.net/t9m6umvd/2/

还有这个：jsfiddle.net/t9m6umvd/5

你也可以试试top:0；以relative/absolute 定位。 像这样：

div
{
    border:1px solid black;
    height:100px;
    position:relative;

}

p 
{
    font-size:50px;
    font-family:sans-serif;
    font-weight:900;  
    position:absolute;
    top:0;
}

http://jsfiddle.net/t9m6umvd/4/