百度ueditor編輯器控制圖片在編輯框中的大小

一、實現方法

找到該路徑中的css:
在這裏插入圖片描述

img {
    max-width: 100%; /*圖片自適應寬度*/
    width: 20%;
    height: 20%;
}
body {
    overflow-y: scroll !important;
}
.view {
    word-break: break-all;
}
.vote_area {
    display: block;
}
.vote_iframe {
    background-color: transparent;
    border: 0 none;
    height: 100%;
}
#edui1_imagescale{display:none !important;} /*去除點擊圖片後出現的拉伸邊框*/

加入以上代碼,實現圖片的自適應。並且控制圖片的大小

可通過

img {
    max-width: 100%; /*圖片自適應寬度*/
    width: 20%;
    height: 20%;
}

來控制圖片的顯示大小。

二、實現效果

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章