在“微型端口”html5模板中居中DIV

Question

我需要一些帮助。

我通过"html5up“找到了"Miniport”模板，我想使用这个模板作为我未来项目等的基础。

演示可以在这里看到：http://html5up.net/miniport

在演示中，我们可以看到下面的网站菜单是一个圆形图像，旁边是一些文本。我需要知道如何删除图像和居中的文本，以便文本可以匹配模板的其余部分(该网站的div居中也)。

我没有太多关于css或html5的技能。我是我的粉丝，我想学习。

如果任何人能帮助我，请..

对不起，我的英语不好。

Answer 1

我也在使用这个模板。

要删除图像，请打开html文档。

1. 删除在第42-46行之间找到的代码：(这是格式化和保存图像的代码)

<article class="container" id="top"> <div class="row"> <div class="4u"> <span class="image fit"><img src="images/angela.jpg" alt="" width="118%" height="350" /></span> </div>

• 重新格式化div标签：

<div class="8u"> to <div class="container" align="center">

• By这样做，修改的是html文档中的样式，而不是css文档中的样式。这很好，因为您不想更改html文档中的每个div标记，只更改这一个。此外，添加align=“中心”有助于覆盖div中的大多数css格式。你可以稍后在你的站点中使用这个技巧。

在附注中，请仔细检查您是否喜欢联系人表单使用的命令。我没有，因为它打开了我电脑的电子邮件应用程序，而不是直接通过网页发送电子邮件。这是我的下一个项目。

享受吧！