#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?你那不行，，
2 回答
慕田峪4524236
TA贡献1875条经验 获得超5个赞
</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>
最终的图片
- 2 回答
- 0 关注
- 1634 浏览
添加回答
举报
0/150
提交
取消