html - 在简单网页中放置图像

标签 html css wordpress

我对 HTML 和 CSS 很陌生。我正在创建一个页面,我会将其插入我的 Wordpress 网站 thoughtprojekt.com。我尝试了其他所有地方来实现我想要但做不到的事情。

下面有一个我编码的 header ,没问题。

p.h1{
padding-top:75px; 
padding-bottom: 25px;
}

a.header{
text-transform: uppercase;
text-align: center; 
font-weight: normal;
text-decoration: none;
display:block;
color: #000000;
font-size:50px;
font-family: 'Lato Light', sans-serif;
line-height:50px;
letter-spacing:15px;
}
</style>

</head>
<p class ="h1" align="center">&nbsp;<body><a class="header" href="http://thoughtprojekt.com">Thought Projekt</font></a>

现在我想放置 64px x 64px(30 张图像),正好从“Thought Projekt”正下方的中心开始。一行应该只有 5 张图像,总共 6 行。我试过填充,但由于图像也有超链接,它会留下可点击的空白区域。

有人可以指导我如何开始放置图像吗?

谢谢

最佳答案

您可以使用 div 为一行宽度设置限制。 并且,对于 float 元素,您将图像放在哪里...

Example

html

<div class="row">
  <div class="image"><img src="#" alt="Image"/></div>
</div>

CSS

.row {
  max-width: 340px;
}

.image{
  width: 64px;
  height: 64px;
  float: left;
}

关于html - 在简单网页中放置图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38169055/

相关文章:

javascript - 单击按钮后向文本字段添加内容

javascript - 全屏 HTML5 视频自定义 Controller

html - 如何在保持内容左对齐的同时收缩和居中容器?

php - Codeigniter - SEO 友好的 URL 结构(Slug 实现)

html - 带有上传按钮和搜索文本框的 Apache 目录列表

javascript - 如果这些属性已经在 J​​S 中被操纵,则媒体查询不再更新 CSS 属性

javascript - 在 SWF 上放置图像

javascript - 管理 javascript 元素中的元素引用

php - 将 .htaccess 重定向到 ssl 不起作用

php - 繁重的Wordpress MySQL查询,请帮我找到并优化它