首页 > 代码库 > 今日所学
今日所学
今日，清明节虽已过去，但雨季却悄悄降临，学习课程则是根据主网页来进行后续网页的设计。由于一个网页头部和尾部基本上保持不变，因而主次网页也就只在内容上区别开来，所以次网页制作也就相对较为简单。但在制作过程中以及老师讲解过程中，都出现了文字与图片对齐的问题。老师对我们提出要求：用三种方法解决此问题；一是插入图片，然后定位文字，二是用vertical-align命令，三是将图片作为背景图片插入，然后定位文字。我针对以上方法都进行了验证，发现都行得通。以下是其中第一种方法之代码：
html:
<body>
<div class="popular_product">
<img src="http://www.mamicode.com/images/content_popular_product.jpg"/><P>热门产品</P>
</div>
</body>
css:
.popular_product p{font-size:21px;
font-weight:100;
padding-top:10px;}
.popular_product img{float:left;}
今日所学
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。