Question

如何将“七月”和“2016”带入行中，字体大小差异与“2016”对齐？

PG::InsufficientPrivilege: ERROR: permission denied for relation schema_migrations : SELECT "schema_migrations".* FROM "schema_migrations"

Answer 1

你的意思是他们应该以同样的方式对齐吗？您可以使用vertical-align：bottom将它们对齐在线上，或者使用中间线将它们对齐。

＆＃13;

<div style="position: relative;display:inline-block;">
  <span style="font-size: 14px;display:inline-block;vertical-align:bottom;">July</span> <span style="font-size: 20px; display:inline-block;vertical-align:bottom;">2016</span>
  <hr style="margin-top: 5px;">
</div>

＆＃13;

Answer 2

删除：

position: absolute;
top:0;

将其替换为：

float: right;

Fiddle

<强> HTML

<div style="position: relative; width: 25%">
  <span style="font-size: 14px">July</span><span style="font-size: 20px;float:right;">2016</span>
  <hr style="margin-top: 5px;">
</div>

CSS在一行中带来两种不同的字体大小

2 个答案: