Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 将中心垂直对齐,使用谷歌字体_Html_Css - Fatal编程技术网

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