我对 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"> <body><a class="header" href="http://thoughtprojekt.com">Thought Projekt</font></a>
现在我想放置 64px x 64px(30 张图像),正好从“Thought Projekt”正下方的中心开始。一行应该只有 5 张图像,总共 6 行。我试过填充,但由于图像也有超链接,它会留下可点击的空白区域。
有人可以指导我如何开始放置图像吗?
谢谢
最佳答案
您可以使用 div 为一行宽度设置限制。 并且,对于 float 元素,您将图像放在哪里...
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/