求助:搜索栏样式不符合预期

是这样,我在学习Ajax时断网了,然后我想把这个笔记界面稍微美化一下。然后发现这两个问题

搜索栏不居中

写完之后是长这样的(页面小是因为右边有审查元素):

整个搜索框我用一个div来包装,就是一个div里面装了一个input和一个button。为了让页面上的元素都居中,我在css文件里面指定body的一条属性为text-align: center;,然后为了避免输入框里面的字也居中,我给包装的div加了一条text-align: left;,结果整个div都左了

然后我觉得应该是加在div上的问题,我把这条属性移到了input上,还是这样显示,整个div都是左的

按钮和图层的边缘有一个像素的空隙

光把按钮放在那里,很难看出来;但是当我悬停在按钮上时。。。

是一条明显的白痕,强迫症暴怒

这个白痕也是让我束手无策。无论是增大按钮或输入栏的宽度还是减小图层的宽度,哪怕只减小1px,立马错位

。。。。。。

束手无策,果然还是后端更适合我qwq

87 views
Comments
登录后评论
Sign In
·

按钮不要设置圆角,边框设置圆角和 overflow hidden 就可以