Html 两个提交按钮和两种代码格式导致浏览器呈现差异_Html_Css_Forms_Submit

Html 两个提交按钮和两种代码格式导致浏览器呈现差异

html css forms

Html 两个提交按钮和两种代码格式导致浏览器呈现差异,html,css,forms,submit,Html,Css,Forms,Submit,这不是一个真正的问题，但我注意到提交按钮布局中的一个行为，这让我感到惊讶。下面是两个测试用例第一： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> </head> <body> <form method="post" actio

这不是一个真正的问题，但我注意到提交按钮布局中的一个行为，这让我感到惊讶。下面是两个测试用例

第一：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
</head>
<body>

<form method="post" action="move.php" style="text-align: center;">
<input type="submit" value="Left" name="left"/>
<input type="submit" value="Right" name="right"/>
</form>

</body>
</html>

第二点：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
</head>
<body>

<form method="post" action="move.php" style="text-align: center;">
<input type="submit" value="Left" name="left"/><input type="submit" value="Right" name="Right"/>
</form>

</body>
</html>

如果我们在web浏览器上检查这两种情况，两个按钮之间的间距会有所不同，这仅仅是因为我转到了代码的下一行。我不明白，这正常吗

如果这是正常情况，我如何才能像第二种情况一样呈现，而像第一种情况一样格式化代码？

换行符在HTML中呈现为空格可以使用css更改渲染。例如，在两者上都放置style=“float:left；”，或者将它们包装在另一个span或其他一些html元素中

<span style="float: left;"><input type="submit" value="Left" name="left" /></span>
<span style="float: left;"><input type="submit" value="Right" name="Right" /></span>

或

很高兴知道您何时需要精确的设计。谢谢

<input type="submit" value="Left" name="left" style="float: left;" />
<input type="submit" value="Right" name="Right" style="float: left;" />