我是html的新手。我有一个<div>
,我想将文本10px放在`的底边。但是,它对我不起作用。以下是代码。
<div id="title" style="height:35px;border-bottom:thin solid rgb(65,31,30);margin-left:14px;padding-bottom:10px;font-size:18px;font-weight:thicker">Hello, world!
</div>
谢谢!
答案 0 :(得分:3)
删除您的height:35px
样式。这与你想要做的事情相矛盾。它有35px的高度加上额外的10px底部填充。
查看此jsFiddle。我希望你有意义。
答案 1 :(得分:0)
我过去有过类似的经验。在某些浏览器中就是这种情况,尤其是如果您启用了overflow-y: scroll;
样式。您的语法看起来不错,我已经尝试过了。即使最后加上或不使用分号,它仍然可以正常工作,因为您可以在div内将其样式设置为属性本身。
如果这不是您的全部代码,我的看法是,请注意overflow: scroll;
,它会覆盖您的样式。
或尝试在其他浏览器上运行它。
或者您可以重组代码以确保填充的工作方式如下:
<div id="title" style="height:35px;margin-left:14px;font-size:18px;font-weight:thicker">Hello, world!<div style="border-bottom:thin solid rgb(65,31,30);padding:10px"> </div>
</div>
:
只需在该div中添加另一个div