您的位置：首页 > 编程语言 > Python开发

Python实战计划学习作业1-1

2016-11-09 21:50 525 查看

不是学习Python的第一天，跟随教程做了如下网页，问题来了，为啥中央3个图片不是居中的，右侧有多余空白。

代码如下

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div class="header">
<img src="images/blah.png">
<ul class="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Site</a></li>
<li><a href="#">Others</a></li>
</ul>
</div>

<div class="main-content">
<h2>The Beach</h2>
<hr>
<div class="photos">
<img src="images/0001.jpg" width="150">
<img src="images/0002.jpg" width="150">
<img src="images/0003.jpg" width="150">
</div>
<p>
Three competing store owners rented adjoining shops in a mall. Observers waited for mayhem to ensue. The retailer on the right put up huge signs saying, "Gigantic Sale!" and "Super Bargains!"
The store on the left raised bigger signs proclaiming, "Prices Slashed!" and "Fantastic Discounts!" The owner in the middle then prepared a large sign that simply stated, "ENTRANCE".
</p>
</div>
<div class="footer">
<p>©lifecoding</p>
</div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： python web

相关文章推荐

新的分享

章节导航