#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 回答
慕斯王
TA貢獻1864條經驗 獲得超2個贊
</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 關注
- 520 瀏覽
添加回答
舉報
0/150
提交
取消