关于#css#的问题:” 这句话的排列方式发生了变化, 只是换汤不换药改变了原来的li盒子顺序 2.“高级 • 11250人在学习”这句话在很多盒子里的排列高度不同以及它的排版也有不同

我遇到的问题:初学完前端的学成案例,按照自己的大致思路写好html的学成案例界面后不知道点到了什么操作导致我的部分图片下的文字样式发生了改变

img

img

诸如以下情况:1.“Android Hybrid APP开发实战 H5+原生!” 这句话的排列方式发生了变化,不同的两种样式但是它的代码是相同的, 只是换汤不换药改变了原来的li盒子顺序 2.“高级 • 11250人在学习”这句话在很多盒子里的排列高度不同以及它的排版也有不同

img


希望各位看官帮我看一下问题所在

这种情况可是文字对齐方式不同导致的,一个是text-align: center;一个是text-align: left;在浏览器上检查下两者的样式。

如果代码没有改动,会不会是你按住ctrl滑动了鼠标滚轮导致浏览器画面比例不是100%导致的

这个问题后续我仔细想了一下,是我的info属性的问题没有定义清楚导致每个地方的info权重没考虑所以就没有运行部分info运行成功后截图如下

img


但相当于我解决了一个大问题还有一个.“Android Hybrid APP开发实战 H5+原生!” 这句话的排列方式发生了变化的问题没解决我目前是直接吧所对应的权重之类的问题给解决了但是仔细一看还有它的第二行并没有顶格书写在这里我是将他们的父盒子li添加了左浮动其他的我都没有做出改变

img