Blogger图像简化了将鼠标悬停在文本代码上[关闭]

Question

我想创建一个充满图像的博客页面，当鼠标悬停在上面时会出现文本。我正在使用 blogger.com。

我想让它在这篇文章中看起来像老虎（图像悬停叠加）：http://www.corelangs.com/css/box/hover.html

或这篇文章中的瀑布（显示文本）：http://www.gadgetronicx.com/p/blog-page_9.html

• 我对 html 不太擅长，但有什么方法我不必重复 每张图片都使用相同的代码？
• 如何使图片在页面上居中？
• 如何在同一行上获得两个图像？

Answer 1

1. 我不太擅长 html，但有没有办法不必为每张图片重复相同的代码？
2. 如何让图片在页面上居中？
3. 如何在同一行获得两张图片？

以上问题的简单回答：

1. 是的。无需为每张图片都写。你可以像下面这样使用。假设您的所有图像都位于 id 名为“divmainid”的 div 下。

    #divmainid img
    {
      #image styles are goes here.
    }
   

2. div 区域可以使用“text-align:center”或“margin:0px auto”。

3. 您可以采取多种方式。简单的方法是为图像周围的 div 分配“display:inline-block”。