Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.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_Media Queries - Fatal编程技术网

Html 如何将图像与文本水平居中?

Html 如何将图像与文本水平居中?,html,css,media-queries,Html,Css,Media Queries,我在一个网站上工作,但是我的图片在页脚水平居中的效果不是很好 当你把屏幕缩小到620px或者类似的时候,我想把文本居中。还有图像。。我指的是第三张表中的5个图标和第四张表中的图片 如果你试图缩小屏幕的宽度,你会发现除了文本之外,图像并不完美 所以我的问题是。。当文本居中对齐时,如何将图像与文本水平居中 这是我的页脚: 我认为我的错误在--> 已更新 我只是稍微修改了一下你的小提琴,设法达到了你想要的 已更新 我只是稍微修改了一下你的小提琴,设法达到了你想要的 已更新 我只是稍微修改了一下你的

我在一个网站上工作,但是我的图片在页脚水平居中的效果不是很好

当你把屏幕缩小到620px或者类似的时候,我想把文本居中。还有图像。。我指的是第三张表中的5个图标和第四张表中的图片

如果你试图缩小屏幕的宽度,你会发现除了文本之外,图像并不完美

所以我的问题是。。当文本居中对齐时,如何将图像与文本水平居中

这是我的页脚:

我认为我的错误在-->

已更新 我只是稍微修改了一下你的小提琴,设法达到了你想要的

已更新 我只是稍微修改了一下你的小提琴,设法达到了你想要的

已更新 我只是稍微修改了一下你的小提琴,设法达到了你想要的

已更新 我只是稍微修改了一下你的小提琴,设法达到了你想要的


尝试使图像
显示:内联块
而不是
浮动:左

Smth。比如:

.opmaak a img {
    display:inline-block;
    vertical-align:-10px; /* value to nicely show img along text, */
}

另外,您应该只有唯一的ID。如果有两个元素具有相同的id,请使用类而不是id。

尝试使图像
显示:内联块
而不是
浮动:左

Smth。比如:

.opmaak a img {
    display:inline-block;
    vertical-align:-10px; /* value to nicely show img along text, */
}

另外,您应该只有唯一的ID。如果有两个元素具有相同的id,请使用类而不是id。

尝试使图像
显示:内联块
而不是
浮动:左

Smth。比如:

.opmaak a img {
    display:inline-block;
    vertical-align:-10px; /* value to nicely show img along text, */
}

另外,您应该只有唯一的ID。如果有两个元素具有相同的id,请使用类而不是id。

尝试使图像
显示:内联块
而不是
浮动:左

Smth。比如:

.opmaak a img {
    display:inline-block;
    vertical-align:-10px; /* value to nicely show img along text, */
}
另外,您应该只有唯一的ID。如果有两个id相同的元素,请使用类而不是id。

尝试使用
而不是
id
来处理需要多次使用的内容。使用
内联块
非常有用,但请记住,如果css不好,事情可能会变得相当混乱。例如,如果一个元素有文本,而另一个元素没有,则2个内联块将无法正确对齐

只是需要记住一些事情。

尝试使用
而不是
id
来处理需要多次使用的内容。使用
内联块
非常有用,但请记住,如果css不好,事情可能会变得相当混乱。例如,如果一个元素有文本,而另一个元素没有,则2个内联块将无法正确对齐

只是需要记住一些事情。

尝试使用
而不是
id
来处理需要多次使用的内容。使用
内联块
非常有用,但请记住,如果css不好,事情可能会变得相当混乱。例如,如果一个元素有文本,而另一个元素没有,则2个内联块将无法正确对齐

只是需要记住一些事情。

尝试使用
而不是
id
来处理需要多次使用的内容。使用
内联块
非常有用,但请记住,如果css不好,事情可能会变得相当混乱。例如,如果一个元素有文本,而另一个元素没有,则2个内联块将无法正确对齐



只是需要记住一些事情。

这不好,您有许多相同id的元素,而且
的内部,您需要阅读更多关于html规则的内容,并对代码进行一点组织。否则,我如何才能使img成为可点击的链接?为什么不尝试一下?它将并排出现???尝试过的表格。。不为我工作。也许是因为我犯了个错误??如果你喜欢,试试这个。这不好,你有许多元素具有相同的id,并且
的内部,您需要阅读更多关于html规则的内容,并对代码进行一点组织。否则,我如何才能使img成为可点击的链接?为什么不尝试一下?它将并排出现???尝试过的表格。。不为我工作。也许是因为我犯了个错误??如果你喜欢,试试这个。这不好,你有许多元素具有相同的id,并且
的内部,您需要阅读更多关于html规则的内容,并对代码进行一点组织。否则,我如何才能使img成为可点击的链接?为什么不尝试一下?它将并排出现???尝试过的表格。。不为我工作。也许是因为我犯了个错误??如果你喜欢,试试这个。这不好,你有许多元素具有相同的id,并且
的内部,您需要阅读更多关于html规则的内容,并对代码进行一点组织。否则,我如何才能使img成为可点击的链接?为什么不尝试一下?它将并排出现???尝试过的表格。。不为我工作。也许是因为我犯了个错误??如果你喜欢,试试这个什么应该是最好的呢?什么应该是最好的呢?什么应该是最好的呢?什么应该是最好的呢?thnx代表P.S.:-)thnx代表P.S.:-)thnx代表P.S.:-)thnx代表P.S.:-)