Я хочу, чтобы пользователь выбирал текст (html) внутри div. Однако при этом будет отображаться фон выбора в браузере также вне div.
Я могу предотвратить это (см. Http://jsfiddle.net/lborgman/aWbgT/)
div { overflow: hidden; }
Это способ сделать это? Или, есть ли лучший способ?
В свойстве CSS есть опечатка:
xoverflow: hidden;
вместо
overflow-x: hidden;
Обновлен JSFiddle: http://jsfiddle.net/aWbgT/3/
inline-block
) кажется хорошей альтернативой.
display:inline-block
заставляет отображение фона выделения исчезать за пределами div? (Не то, чтобы я понимал, почемуoverflow:hidden
тоже так работают, но об этом немного проще догадаться ... ;-))overflow:hidden
делает то, что говорит: скрывает все, что находится за пределами окна. Чтобы понятьdisplay:inline-block
, вы должны пониматьdisplay:block
: в простых словах,block
принимает высоту объектов по всей ширине контейнера.inline-block
удаляет значение по умолчанию для всей ширины и заставляет элемент занимать только определенные ширину и высоту. Таким образом, вы увидите только выбор занимают поле.