Question

我在div标签中遇到大字体大小和重量问题。我希望它垂直对齐底部，所以请帮助我。

＆＃13;

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;
}

＆＃13;

<div>
<p>TEST</p> 
</div>

<hr>

<table>
    <tbody>
        <tr>
            <td>TEST</td>
        </tr>
    </tbody>
</table>

＆＃13;

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

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

Answer 1

不确定您究竟在寻找什么，但margin-top可以作为定位文字的选项

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

和这：jsfiddle.net/t9m6umvd/5

你也可以尝试顶部：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/

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

1 个答案: