Blogger图片可简化鼠标悬停在文本代码上的操作

Question

我想创建一个充满图片的博客页面，这些图片在悬停时会显示在其上方。我正在使用blogger.com。

我希望在这篇文章中看起来像Tiger（Image Hover Overlay）：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. 是。无需为每张图片撰写文章。你可以使用如下。假设您的所有图片都在div下面，ID为＆＃34; divmainid＆＃34;。

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

2. 您可以使用＆＃34; text-align：center＆＃34;或者＆＃34;保证金：0px auto＆＃34;对于div区域。

3. 您可以采取多种方式。简单的方法是分配＆＃34;显示：内联块＆＃34;对于图像周围的div。