Jquery CSS ширина после добавления

Question

0

У меня проблема с шириной div после использования append в JQuery.

HTML:

<div id="myid"></div>

Jquery:

var uhm = "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa";
$("#myid").append(uhm);

CSS:

#myid {
   width:200px;
   border:1px solid red;
}

Мне нужно, чтобы содержимое переменной оставалось в пределах ширины div (все в красном прямоугольнике)

Как я могу это решить?

user3314800 16 фев. 2014, в 01:25

0

Что вам на самом деле нужно? Потому что вы установили фиксированный размер элемента div
Pavlo 16 фев. 2014, в 00:24
0

вам нужно, чтобы это было 200px?
Marcel 16 фев. 2014, в 00:25
0

Мне нужно, чтобы содержимое переменной оставалось в пределах ширины div (все в красном прямоугольнике).
user3314800 16 фев. 2014, в 00:29
0

@user3314800 user3314800 Хотите ли вы, чтобы дополнительные a переходили на следующую строку или были скрыты?
Zach Saucier 16 фев. 2014, в 00:31

Показать ещё 2 комментария

Теги:

3 ответа

0

Это немного неясно, что именно вы хотите. Но, возможно, overflow - это то, что вы ищете. Вот обновленная версия вашей скрипки.

Thomas Junk 15 фев. 2014, в 22:41

0

Использовать display:inline-block; для изменения размера:

Использовать overflow: hidden; если он должен оставаться 200px, и вы хотите скрыть:

Использовать word-break:break-all; если он должен оставаться 200px, но ему разрешено увеличивать высоту:

Marcel 15 фев. 2014, в 22:28

0

Спасибо, я забыл слово сломать: сломать все; собственность css.
user3314800 16 фев. 2014, в 00:35

Что вам на самом деле нужно? Потому что вы установили фиксированный размер элемента div
Мне нужно, чтобы содержимое переменной оставалось в пределах ширины div (все в красном прямоугольнике).
@user3314800 user3314800 Хотите ли вы, чтобы дополнительные a переходили на следующую строку или были скрыты?
Спасибо, я забыл слово сломать: сломать все; собственность css.

Dalorzo · Accepted Answer · 2014-02-15T23-18-00.000Z

Возможно, это то, что вы хотите;

#myid{
    width:200px;
    border:1px solid red;
    word-break:break-all;
}