给同样的span盒子（盒子里面是小三角）加了右浮动，为什么会有个别的小三角不能对齐？

Question

html:

css:

结果：

为什么后端开发后面的小三角没有对齐？

Answer 1

看HTML结构，箭头（>） 后面也不会有空白占位符存在。
所以通过 右键审查元素（or检查）看一下浏览器中的HTML结构是怎么样的，因为什么造成了没有居右的情况。

👇 这里是Debug的教程文章

• Chrome DevTools — Elements
• Chrome Devtools: Elements篇

Answer 2

建议用 flex ：

<div class="item-row">
  <span>内容</span>
  <span>></span>
</div>

.item-row{
  /* 容器设置为 Flex 盒子 */
  display: flex; 

  /* 子项们沿主轴(默认是横轴)对齐方式：空白放子项之间 */
  justify-content: space-between;
}

反正早晚都要学，除非项目兼容 IE 。

Answer 3

是黑马的项目，代码粘贴出来，或者加个群，群我倒是有