带有对齐的HTML设计问题请考虑以下代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Sign In</title> </head> <body bgcolor="#DDDDDD"> <img src="images/logo.png" style="float:right; margin: 0 0 15px 15px;"/> <div align="center"> <table border="0" width="500" style="border:groove;background:#DCD5F9"> <tr><td width="50%">User Name:</td> <td width="55%"><input type="text" size="35"/></td></tr> <tr><td width="50%">Password:</td> <td width="55%"><input type="text" size="35"/></td></tr> <tr><td width="50%">  </td> <td align="left" width="55%"> <input type="submit" value="Login"/></td></tr> </table> </div> </body> </html> 登录用户名：密码：_Html_Alignment

带有对齐的HTML设计问题请考虑以下代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Sign In</title> </head> <body bgcolor="#DDDDDD"> <img src="images/logo.png" style="float:right; margin: 0 0 15px 15px;"/> <div align="center"> <table border="0" width="500" style="border:groove;background:#DCD5F9"> <tr><td width="50%">User Name:</td> <td width="55%"><input type="text" size="35"/></td></tr> <tr><td width="50%">Password:</td> <td width="55%"><input type="text" size="35"/></td></tr> <tr><td width="50%">  </td> <td align="left" width="55%"> <input type="submit" value="Login"/></td></tr> </table> </div> </body> </html> 登录用户名：密码：

html

带有对齐的HTML设计问题请考虑以下代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Sign In</title> </head> <body bgcolor="#DDDDDD"> <img src="images/logo.png" style="float:right; margin: 0 0 15px 15px;"/> <div align="center"> <table border="0" width="500" style="border:groove;background:#DCD5F9"> <tr><td width="50%">User Name:</td> <td width="55%"><input type="text" size="35"/></td></tr> <tr><td width="50%">Password:</td> <td width="55%"><input type="text" size="35"/></td></tr> <tr><td width="50%">  </td> <td align="left" width="55%"> <input type="submit" value="Login"/></td></tr> </table> </div> </body> </html> 登录用户名：密码：,html,alignment,Html,Alignment,在浏览器中，我看到不在logo.png下。为什么？我怎样才能把它放在logo.png下另外，我想补充一点，当我在标记中添加style=“float:right；margin:0 0 0 15px 15px；”或align=“right”时出现了这个问题。这是因为您在img上添加了float:right，它改变了img在页面流中的行为。强制div清除内容将解决您的问题更改此项： <div align="center"> 致：来自维基百科： “您所说的“在图像下”是什么意

在浏览器中，我看到

不在

logo.png

下。为什么？我怎样才能把它放在logo.png下

另外，我想补充一点，当我在

标记中添加

style=“float:right；margin:0 0 0 15px 15px；”或align=“right”
时出现了这个问题。
这是因为您在img上添加了float:right，它改变了img在页面流中的行为。强制div清除内容将解决您的问题
更改此项：
<div align="center">



致：


来自维基百科：
“您所说的“在图像下”是什么意思？您是指内容重叠，还是希望文本在图像下并与图像内联（垂直）呢？谢谢！它起作用了，但您没有解释问题所在。添加了更多细节。希望这能回答你的问题。
<div align="center" style="clear:right;">