Две кнопки отправки и два формата кода вызывают разницу в отображении браузера - PullRequest
Новая
       11

Две кнопки отправки и два формата кода вызывают разницу в отображении браузера

2 голосов
/ 18 сентября 2011

Не совсем проблема, но я заметил поведение в расположении кнопок отправки, которое я нахожу удивительным.Вот 2 тестовых случая.

Номер 1: 

<!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>

Номер 2: 

<!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>

Если мы проверим оба этих случая в веб-браузерах, торазница в расстоянии между двумя кнопками просто потому, что я перешел к следующей строке в коде.Я не понимаю, это нормально?

Если это нормально, как я могу сделать для рендеринга, как второй случай, при форматировании моего кода, как первый случай?

1 Ответ

1 голос
/ 18 сентября 2011

разрыв строки отображается как пробел в HTML Вы можете изменить рендеринг с помощью CSS. Например, можно поставить стиль = "float: left;" на обоих, или оберните их в другой промежуток или другой элемент 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;" />
...