div+css中 图片和文字对齐
#content{
width:422px;
height:180px;
border-bottom:1px dashed #96c5ef;
}
img{
border:2px solid #ca0000;
float:left;
}
.left{
float:left;
}
.right{
float:right;
width:230px;
font:12px;
}
</style>
</head>
<body>
<div id="content">
<div class="left">
<img src="images/1.jpg">
最新资讯
</div>
<div class="right">
<ul>
<li><a href="#">A股恐慌式跳水重挫3.68% 大盘跌回 </a></li>
<li><a href="#">股指缓慢企稳 黄金板块逆市上涨 </a></li>
<li><a href="#">港股后市堪忧 韩国股市暂停交易 </a></li>
<li><a href="#">中国万亿美债或面临缩水</a> </li>
<li><a href="#">日经指数收低</a> </li>
<li><a href="#">七国集团发联合声明称将保证金融 </a></li>
<li><a href="#">标普或再降美信用评级 </a></li>
</ul>
</div>
</div>
这个代码中 为什么最新资讯没有和图片垂直对齐？我该怎么gai?
你那不行，，
慕姐8265434浏览 1635回答 2
2回答
-
慕田峪4524236
</style> #content{ width:422px; height:180px;border-bottom:1px dashed #96c5ef;} img{ border:2px solid #ca0000; float:left;}.left{float:left;vertical-align:middle;} .right{ float:right; width:230px; font:12px;}</style></head><body> <div id="content"> <div class="left"> <img src="images/1.jpg"<!--这里是我改动的地方-->align="absmiddle"><!--这里是我改动的地方--> 最新资讯 </div> <div class="right"> <ul> <li><a href="#">A股恐慌式跳水重挫3.68% 大盘跌回 </a></li> <li><a href="#">股指缓慢企稳 黄金板块逆市上涨 </a></li> <li><a href="#">港股后市堪忧 韩国股市暂停交易 </a></li> <li><a href="#">中国万亿美债或面临缩水</a> </li> <li><a href="#">日经指数收低</a> </li> <li><a href="#">七国集团发联合声明称将保证金融 </a></li> <li><a href="#">标普或再降美信用评级 </a></li> </ul> </div> </div></body></html>最终的图片
随时随地看视频慕课网APP
相关分类
CSS3