Блог

Главная - Вопросы по программированию - Решение для свойства contenteditable = «true» не работает для тега изображения при изменении размера изображения в Chrome и Firefox

Решение для свойства contenteditable = «true» не работает для тега изображения при изменении размера изображения в Chrome и Firefox

#javascript #c# #html #css #asp.net

#javascript #c# #HTML #css — код #asp.net

Вопрос:

Я хочу изменить размер изображения внутри тега img в div. Я использую свойство contenteditable=»true» для div. Я редактирую содержимое, но я не выбираю изображение и не изменяю размер изображения в Chrome и Firefox

мой код прост

div contenteditable=»true» img src=»img.png» div

Этот код работает в браузере IE, и я выбираю изображение, а также изменяю размер изображения, но в Chrome и Firefox это не сработает для меня.

Пожалуйста, дайте какое-нибудь решение. Спасибо

Комментарии:

1. Вам нужно использовать CSS. Для div установите overflow: начальный; и resize: оба;

2. Используя приведенный выше CSS, но это не сработает

Ответ №1:

Попробуйте добавить следующий CSS в свой div. (если это не сработает, попробуйте применить его к изображению)

 div{
overflow: auto;
resize: both;
}

Проверьте CSS для div ‘img’ в следующей скрипке: https://jsfiddle.net/x4ntjsv5 /

Комментарии:

1. Можете ли вы предоставить воспроизводимый пример? Как на JSFiddle