Проблема растяжения текстового поля

Question

У меня есть следующий код

<table cellpadding="2" cellspacing="2">
  <tr>
    <td>Factory:</td>
    <td>
      <asp:TextBox ID="txtFactory" runat="server" Width="100%"></asp:TextBox>
    </td>
  </tr>
</table>

Моя проблема в том, что иногда фабричное текстовое поле может содержать довольно длинное описание из 100 или более символов, и когда это происходит, мое текстовое поле расширяется за край экрана, что приводит к появлению горизонтальной полосы прокрутки внизу моего браузер, и я действительно не хочу этого. Я хочу, чтобы мой TextBox расширялся до ширины окна браузера, а также имел возможность изменять размер, когда пользователь изменяет размер окна браузера.

Answer 1

Где ваша метка для элемента формы? Почему вы используете таблицы для разметки? Почему вы указываете ширину текстовой области в HTML, а не в файле CSS?

Пожалуйста, делайте все правильно!

Answer 2

Если вы не против использования javascript, jQuery предлагает очень простое решение этой проблемы. Вы можете использовать его, чтобы изначально установить размер текстового поля и прикрепить обработчик события изменения размера к тегу body. В обработчике событий просто сделайте так, чтобы текстовое поле соответствовало его ширине и ширине тела.

Answer 3

Проверьте ваш HTML с FF, используя Firebug и посмотрите, что расширяет ваш основной контейнер.

Если ваш текст слишком длинный и не имеет пробелов, браузер не знает, где разместить разрыв строки, это поведение можно изменить с помощью атрибута WRAP в TD или TextBox ( который отображается как SPAN один раз в браузере).

Answer 4

Jagd,

Проверьте свойства Wrap и MaxLength.

В W3Schools есть отличная информация о WebControls.

(HTTP).. //Www.w3schools (ком) / САШ / control_textbox (осина)
--- Я пока не могу опубликовать ссылки, извините ---

Удачи,

-Роберт