为什么我的样式出现了问题？

1、重新操作一遍
2、对比软件对比一下代码
3、 chrome 工具查看css，看是否是有全局的css引起了冲突。

单看张图很难知道原因，重新操作一遍最好。

按代码写的，我的也是和楼言主一样那个难看的样子

这个问题我也同样遇到了，经过调试，找到冲突的样式，建议可以修改simditor.css

.simditor .simditor-toolbar > ul > li > .toolbar-item {
  display: inline-block;
  width: 46px;
  /* height: 40px; */
  outline: none;
  color: #333333;
  font-size: 15px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
}

也就是把height: 40px;注释掉即可！