Width 200px: width — CSS: Cascading Style Sheets

Leave a Comment / Разное / By /

javascript — ширина стиля и атрибут ширины в HTML

спросил

Изменено 7 месяцев назад

Просмотрено 31к раз

Я видел последний пост, похожий на мой вопрос Высота стиля холста HTML5 против высоты атрибута
Но в этом посте не было четкой информации о том, какой из них будет работать и в чем разница?

Я попробовал следующий пример:

 
    <голова>
    
      <тело>
           <скрипт src="script.js">
        <дел>
             <выбрать>

Но в приведенном выше примере, если указать либо style=»width: 200px» , либо width=»200px» , тот же результат не будет виден.

Вопрос:
1) почему style=»width: 200px и width=»200px не дают одинаковых результатов?
2) в чем разница между width=»200px» или width=»200″ ?

Может ли кто-нибудь помочь мне очистить эти основы?

  • JavaScript
  • JQuery
  • CSS
  • HTML

4

Для большинства html-элементов атрибут width

не имеет ничего общего с шириной элемента. То, что определяет стиль элемента (конечно, содержит width ), является атрибутом стиля элемента .

Другими словами, атрибут style.width ( style="width: 200px;" ) определяет ширину элемента.

Но некоторые элементы, такие как canvas , svg , атрибут width будет определять ширину элемента, если вы не установите атрибут style. width . В этом случае width="200px" совпадает с width="200" , потому что большинство браузеров используют px по умолчанию.

PS:

  • Ширина недействительна для установки ширины select .
  • Но атрибут ширина действителен. Вы можете получить к нему доступ и изменить его со свободой. Вы можете использовать его, чтобы делать другие вещи.

2

Атрибут width недействителен в элементе select . Что еще более важно, это ограничение наложено браузерами: они игнорируют атрибут. (Давным-давно Netscape 4 поддерживал его, и он был описан в проекте HTML 3.0, срок действия которого истек в 1995 году. Некоторые устаревшие коды, возможно, даже устаревшие методы кодирования, могут и отражать такие вещи!)

Итак, ответ прост. : они отличаются тем, что 9Атрибут 0050 width в HTML не действует (поэтому элемент принимает свою ширину по умолчанию), тогда как свойство width в CSS работает обычным способом CSS.

Атрибут width не является общим атрибутом в HTML: он разрешен для определенного набора элементов и определен для них индивидуально.

1) HTML элемент, внутри кавычки написано Код CSS . Аналогично, . Тем не менее, тег