Css 用10个字符填充100px DIV,我应该使用的字体大小是多少?

Css 用10个字符填充100px DIV,我应该使用的字体大小是多少?,css,html,stylesheet,Css,Html,Stylesheet,我有一个100像素宽的DIV,在每行中,现在我想精确地填充10个字符,我应该使用的字体大小是多少?正如对您问题的评论所建议的,这是一个有点混乱的好方法,因为它在不同的字体、操作系统、浏览器等之间有所不同,你至少可以尝试一件事,就是把CSS属性文本对齐:justify在您的div上 如果在每个字符之间留出一个空格,并选择最大字体大小,其中一行可以容纳10个字符。然后,此CSS属性将确保调整字符之间的间距,以便字符填充整个div 这并不是一种防弹的方法,对于一些用户来说,它可能仍然会被打破,但是如果

我有一个100像素宽的DIV,在每行中,现在我想精确地填充10个字符,我应该使用的字体大小是多少?

正如对您问题的评论所建议的,这是一个有点混乱的好方法,因为它在不同的字体、操作系统、浏览器等之间有所不同,你至少可以尝试一件事,就是把CSS属性
文本对齐:justify在您的div上

如果在每个字符之间留出一个空格,并选择最大字体大小,其中一行可以容纳10个字符。然后,此CSS属性将确保调整字符之间的间距,以便字符填充整个div


这并不是一种防弹的方法,对于一些用户来说,它可能仍然会被打破,但是如果你尝试使用不同的浏览器来找到合适的尺寸,并且有一点余量,这样你就不必选择绝对最大的尺寸,然后,调整后的间距有望解决浏览器、操作系统等之间的大多数差异。但是,使用增大字体大小的用户仍然会遇到问题。

根据字体系列的不同,这会有很大的差异。这也取决于字符,不使用单空格字体时,W比点宽。除了字体系列和字符外,操作系统和浏览器还将更改宽度。如果这是动态文本,因此您无法使用它,请使用图像替换(类似于sIFR)。唯一的另一种选择是使用JavaScript检测呈现的大小,并在必要时进行更改。无论您选择哪种方式,用户都可以通过在浏览器中更改字体大小来打破它。这可能是一个更好的选择,改变设计,使准确的字体大小不那么重要。如果你解释一个原因想这样做,我们可能有一个可以解决的问题。