标签内的不同字体

如果我有诸如“1234B”，“5678M”等标签......我如何更改此标签，以便末尾的字母比数字大小更小？标签内的不同字体

2013-03-05 laura.graham

<p>1234<span class="smaller">B</span></p> 

.smaller { 
    font-size: 5px; 
}

来源

2013-03-05 21:14:50 dezman

'5px'可能是矫枉过正:-) – 2013-03-05 21:17:02

@JanDvorak你说得对，让'3px'。 – 2013-03-05 21:21:40

@LittleBigBot我的意思是，就像'0.9em' :-) – 2013-03-05 21:22:44

最简单的方法是使用small元件（其仍然允许在HTML5，虽然与做作“语义”的，但到浏览器它仍然意味着只是较小的字体大小）：

1234<small>B</small>

然后，您可以使用CSS来调整字体大小，例如与

small { font-size: 80%; }

然而，这会产生不好的排版的结果，因为不同的字体大小意味着不同的笔画宽度，因此字母会显得更薄，太，除了是小。在印刷术中，人们可能会使用字体的小型字形字形（尽管在印刷术中，通常宁愿尝试使数字和字母匹配大小，而不是不匹配！）。这原则上也可以在网页上使用（使用font-feature-settings: "smcp"，带前缀），但仍然很少见，并且它需要具有可用字形的字体（如Calibri，Cambria或Palatino Linotype）。

来源

2013-03-05 21:27:30

好的，但是这个标签都是不同的，我不知道最后是否有这封信，也可能没有它。我有很多，有没有办法，检查最后一封信是否是一封信，如果是，请将它缩小，如果不是，没有任何改变。我需要一个动态函数。 – 2013-03-06 05:44:53

然后，您需要一个*函数*，在服务器端或客户端编程语言中插入'small'标记或其他适当的标记。 HTML和CSS没有功能（只是一些功能符号），并且没有用于“最后一个字母”的CSS选择器。 – 2013-03-06 05:48:00

@ laura.graham你至少需要javascript才能做到这一点。 – dezman 2013-03-06 15:40:14

watson has it ..............但让我想想CMS的思维 ......如果你只想小写唯一的字母和数字保持你的可以这样做：

HTML：

<div style="text-transform: lowercase;">3529M</div>

或

<div class="lowMe">3529M</div> 
<div class="lowMe">5546D</div>

CSS：

.lowMe {text-transform: lowercase}

否则我就去做跨度，有人提到...

来源

2013-03-05 21:30:43 Riskbreaker

查看我的评论以上 – 2013-03-06 05:46:21

如果没有字母什么都不会发生.... – Riskbreaker 2013-03-06 14:11:32

标签内的不同字体

回答

相关问题