图片下面加字排版

来源：互联网发布：淘宝投诉网址编辑：程序博客网时间：2024/04/30 14:18

<pre id="best-content-1185049603" accuse="aContent" class="best-text mb-10" style="margin-top: 0px; margin-bottom: 10px; padding: 0px; font-family: arial, 'courier new', courier, 宋体, monospace, 'Microsoft YaHei'; white-space: pre-wrap; word-wrap: break-word; font-size: 14px; color: rgb(51, 51, 51); line-height: 24px; background-color: rgb(243, 255, 236);">html:<pre name="code" class="html"><div class="wrap">    <ul >                <li>          <a href="#"><img src="images/jm1.jpg" /></a>          <h1>历史教学创新和实践</h1>          <p>类型：历史</p>          <p>主讲：张琪</p>        </li>              <li>          <a href="#"><img src="images/jm1.jpg" /></a>          <h1>历史教学创新和实践</h1>          <p>类型：历史</p>          <p>主讲：张琪</p>        </li>        <li>          <a href="#"><img src="images/jm1.jpg" /></a>          <h1>历史教学创新和实践</h1>          <p>类型：历史</p>          <p>主讲：张琪</p>        </li>        <li>          <a href="#"><img src="images/jm1.jpg" /></a>          <h1>历史教学创新和实践</h1>          <p>类型：历史</p>          <p>主讲：张琪</p>        </li>          <li>          <a href="#"><img src="images/jm1.jpg" /></a>          <h1>历史教学创新和实践</h1>          <p>类型：历史</p>          <p>主讲：张琪</p>        </li>      </ul> </div>

css:

.wrap{ margin-top:10px;}.wrap li{ width:152px; height:128px;  margin-left:8px; margin-top:10px; margin-bottom:10px; float:left; text-align:center; display:inline;}.wrap li h1{ font-size:12px; color:#005eac; line-height:22px; text-align:center; margin-top:5px; font-weight:normal;}.wrap li p{ color:#666; line-height:22px; text-align:center;}

0 0