В чем разница между элементами span, input и div? - PullRequest
Новая
       0

В чем разница между элементами span, input и div?

0 голосов
/ 13 сентября 2011

Если вы посмотрите на мой код ( здесь ), я передал элемент input элементу form1 и span в form2.span.form2.span является встроенным, а input также является встроенным элементом, но почему они отображаются по-разному?Если нет, то как насчет элемента input?

В чем разница между элементами span, input и div?

1 Ответ

6 голосов
/ 13 сентября 2011

Несколько вещей:

  1. Для этого файла нет DOCTYPE (и даже тегов <html>), здесь он мало что делает, но может сделать некоторые случайные вещи, еслине потому, что он переводит некоторые браузеры в режим «причуд».
  2. Причина, по которой ваши входные данные находятся на следующей строке, заключается в том, что они не помещаются на строке выше.Это связано с тем, что ширина формы установлена ​​на 263 пикселя, ширина метки - на 80 пикселей, а ширина ввода - на 200 пикселей.200 + 80px больше, чем 263px, поэтому он перемещается на следующую строку.
  3. Случайный бит текста, который вы добавили в форму 2, фактически не находится в теге <span>.
  4. Причина, по которой электронная почта отображается перед произвольным текстом, заключается в том, что он перемещается влево, поэтому он перемещается за случайный текст, который не перемещается ( Эта ссылка является хорошей ссылкой для объяснения этого).
  5. Другая причина того, что электронное письмо переместилось вверх по строке, заключается в том, что оно помещается туда, помните, что метки имеют размер 80 пикселей.80 + 80 + (произвольная ширина текста) меньше, чем 263 пикселя, что ширина формы установлена ​​как.

Что касается разницы между элементами div и spans / inline.Посмотрите "Inline vs Block Elements" в Google, или даже здесь, на StackOverflow, я уверен, что это было покрыто несколько раз.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...