模态框中使用Tab选项卡 页面制作当初,是网友开发时候的一个需求,所有这里该效果的时候,页面中还有一些其他的样式。  页面中的样式: ```css .text-ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; position: relative; } .text-ellipsis .badge { position: absolute; top: 0.2rem; } .log-ul ul { margin: 10px 0px; } .log-ul li { margin-bottom: 10px; } ``` 其中 `text-ellipsis` 样式为的是页面中的有背景色的那些文字超出后隐藏的,`log-ul`是操作记录中的用到 `ul li` 标签时候的,如果你实际项目中并不需要用到这些,无需增加上面的样式。 插件项目中页面名字:`test_modal.html` `test_modal_v4.html` [点击查看 模态框中使用Tab选项卡 在线演示](http://example.itshubao.com/example/130.html "点击查看 模态框中使用Tab选项卡 在线演示")