Html 将中心垂直对齐,使用谷歌字体
我被搜索过如何对齐垂直中心,我找到了这个答案:Html 将中心垂直对齐,使用谷歌字体,html,css,Html,Css,我被搜索过如何对齐垂直中心,我找到了这个答案: 因此,我尝试在我的网站上使用它,但它不起作用 这不起作用的原因是因为我在inspector中取消它时使用了google字体,文本对齐到中间, 我的文本在表格单元格中,我给出了: vertical-align:middle; 我还试图通过行高实现这一点,但结果相同 文本显示在顶部 在JSFIDLE中,它使用google字体,例如: 但是在我的网站资料中,我的网站:(很抱歉没有上传到JSFIDLE,在那里工作很好) 如果我不清楚,我的意思是表中的灰
因此,我尝试在我的网站上使用它,但它不起作用
这不起作用的原因是因为我在inspector中取消它时使用了google字体,文本对齐到中间,
我的文本在表格单元格中,我给出了:
vertical-align:middle;
我还试图通过行高实现这一点,但结果相同
文本显示在顶部
在JSFIDLE中,它使用google字体,例如:
但是在我的网站资料中,我的网站:(很抱歉没有上传到JSFIDLE,在那里工作很好)
如果我不清楚,我的意思是表中的灰色文本设置:
td{
display:flex;
align-items: center;
}
设置此选项:
td{
display:flex;
align-items: center;
}
此问题可能是由字体中的非拉丁字符引起的
尝试将其添加到@font-face声明中:
@font-face{
/*拉丁语*/
unicode范围:U+0000-00FF、U+0131、U+0152-0153、U+02BB-02BC、U+02C6、U+02DA、U+02DC、U+2000-206F、U+2074、U+20AC、U+2122、U+2191、U+2193、U+2212、U+2215、U+FEFF、U+FFFD;
}
如果您自行托管字体,您还可以通过运行源字体文件(例如ttf),并选择仅拉丁语子集设置,这也有较小字体文件的好处。此问题可能是由字体中的非拉丁语字符引起的
尝试将其添加到@font-face声明中:
@font-face{
/*拉丁语*/
unicode范围:U+0000-00FF、U+0131、U+0152-0153、U+02BB-02BC、U+02C6、U+02DA、U+02DC、U+2000-206F、U+2074、U+20AC、U+2122、U+2191、U+2193、U+2212、U+2215、U+FEFF、U+FFFD;
}
如果您自行托管字体,您还可以通过运行源字体文件(例如ttf)并选择仅拉丁语子集,这也有较小字体文件的好处。为什么您认为它没有正确居中?我试着在那一行上设置一个更大的高度,在看起来像居中:@EduardMalakhov如果你在inspector中标记td
,你会看到它没有对齐第一个id divs(很好)但第二个id divs(不工作)是table。正如Eduard所说,它们排列得很好。你们检查员停靠在浏览器的右侧?@FarzinKanzi。为什么你们认为它没有正确居中?我试着在那一行上设置一个更大的高度,在看起来像居中:@EduardMalakhov如果你在inspector中标记td
,你会看到它没有对齐第一个id divs(很好)但第二个id divs(不工作)是table。正如Eduard所说,它们排列得很好。你们检查员停靠在浏览器的右边吗?@FarzinKanzi bottom