我在metabox中创建了一个WYSIWYG编辑器,并通过javasacript按需加载它。但所见即所得(WYSIWYG)并不像默认的那样具有响应性。如何使其响应?它位于表格内部,表格宽度设置为100%。当行变小时,所见即所得保持不变,但编辑器的一部分被隐藏。
我尝试过:
.mceToolbarTop * {
float:left;
}
.mceToolbarTop select {
width:auto!important;
}
.mceToolbarTop option {
float:none;
}
html很长,很难在这里格式化。否则我会粘贴它。
我的所见即所得(WYSIWYG)容器宽80%,所见即所得(WYSIWYG)样式设置为100%,所以我不知道为什么它不尊重我设置的样式。
最合适的回答,由SO网友:EHerman 整理而成
当编辑器的宽度达到某个宽度时,使用以下代码强制按钮换行,我使用了以下代码:
其中single movie row是存放我的WYSIWYG的容器
.single-movie-row .mceToolbar td {
display:table-row;
float: left;
}
.single-movie-row .mceToolbar td:nth-of-type(11){
clear: left;
}