是这样,我在学习Ajax时断网了,然后我想把这个笔记界面稍微美化一下。然后发现这两个问题
搜索栏不居中
写完之后是长这样的(页面小是因为右边有审查元素):
整个搜索框我用一个div
来包装,就是一个div里面装了一个input
和一个button
。为了让页面上的元素都居中,我在css文件里面指定body
的一条属性为text-align: center;
,然后为了避免输入框里面的字也居中,我给包装的div加了一条text-align: left;
,结果整个div都左了
然后我觉得应该是加在div上的问题,我把这条属性移到了input上,还是这样显示,整个div都是左的
按钮和图层的边缘有一个像素的空隙
光把按钮放在那里,很难看出来;但是当我悬停在按钮上时。。。
是一条明显的白痕,强迫症暴怒
这个白痕也是让我束手无策。无论是增大按钮或输入栏的宽度还是减小图层的宽度,哪怕只减小1px
,立马错位
。。。。。。
束手无策,果然还是后端更适合我qwq