Ввод игнорирует CSS-сетку [дубликат]

Решение, к которому я придумал, состояло в том, чтобы составить абсолютный URL-адрес и присвоить его window.location. Перезагрузка () вызвала некоторые проблемы с внутренними переадресациями.

  function get_full_url (url_path) {var loc = window.location;  var url = "" + loc.protocol + "//" + loc.host + url_path;  return url;  } function refresh_page_absolute (url_path) {window.location.href = get_full_url (url_path)}  
0
задан The_Mundane 8 December 2014 в 09:56
поделиться

3 ответа

Атрибут size устанавливает видимую ширину в «символах», а браузеры интерпретируют это по-другому. Единица ch в поддерживающих браузерах означает ширину цифры 0, поэтому она определена очень точно, хотя она, конечно, зависит от шрифта. Таким образом, эти два способа установки ширины несоизмеримы.

Чтобы сделать элемент div после элемента input в точности таким же широким, как и элемент input, самый простой способ - обернуть их в таблицу с фиксированным расположением. (Те, кто не переносит таблицы HTML, могут использовать таблицу CSS.) Вы не устанавливаете ширину элемента div вообще в этом подходе; он получает свою ширину от форматирования таблицы. Я только что установил для него некоторый контент и цвет фона, чтобы ширина элемента была видимой.

<table style="table-layout: fixed" cellspacing=0>
<tr><td><input type="text" readonly="yes" value="a" size="30" ID="b">
<tr><td><div id="c" style="background: green">Hello world</div>
</table>

2
ответ дан Jukka K. Korpela 17 August 2018 в 11:24
поделиться

попробуйте атрибут ширины как в случае ввода, так и в div, а также попробуйте указать ширину в%

html:

  <html>
  <input id="myinput"></input>
  <div id="myDiv"></div>
  </html>

css:

 #myDiv{
     width:x%(set x per your requirement)
 }
1
ответ дан Madhav 17 August 2018 в 11:24
поделиться
  • 1
    Я бы предпочел сделать это без изменения входного компонента и просто изменить div, возможно ли это? – The_Mundane 8 December 2014 в 10:02
  • 2
    я удалил вход css и сделал изменения выше, пожалуйста, попробуйте это и сообщите мне, работает ли он на вас или нет – Madhav 8 December 2014 в 10:09
  • 3
    Было бы полезно? Если атрибут размера ввода равен 30, то какова должна быть ширина div? 30%? – The_Mundane 8 December 2014 в 10:10
  • 4
    нет, вам нужно установить оба атрибута в одном и том же параметре, либо оба находятся в%, либо оба в px, конечно, вы можете установить один в px и один в%, но это будет плохой практикой – Madhav 8 December 2014 в 10:12

Используйте этот стиль для установки одинаковой ширины как для вашего ввода, так и для вашего div

input#b, div#c {width:100px;}
0
ответ дан rejnev 17 August 2018 в 11:24
поделиться
Другие вопросы по тегам:

Похожие вопросы: