Summernote 工具栏中的按钮总是左对齐的。有没有办法可以将工具栏按钮的这种对齐方式更改为向右或居中?
默认位置是这样的:http: //i.imgur.com/LmXGa1p.png
我想改变按钮的对齐方式,所以它们看起来像这样:http: //i.imgur.com/R9NxbZG.png
Summernote 工具栏中的按钮总是左对齐的。有没有办法可以将工具栏按钮的这种对齐方式更改为向右或居中?
默认位置是这样的:http: //i.imgur.com/LmXGa1p.png
我想改变按钮的对齐方式,所以它们看起来像这样:http: //i.imgur.com/R9NxbZG.png
您可以使用以下命令将整个工具栏浮动到右侧:
float:right;
你可以用 CSS 做到这一点。
例如,包含工具栏图标的 div 应该向右浮动。如果没有包含工具栏图标的 div,则将图标放在 div 中,如下所示。
HTML:
<div class="toolbar-container">
</div>
CSS:
.toolbar-container {
float:right;
}
您需要在工具栏中的float: right
所有btn-group
内容中添加一个:
.note-toolbar > .btn-group {
float: right ;
}
不幸的是,它会重新排序,btn-group
因此您必须更新配置文件以颠倒顺序。