[已解决]按钮加上navigator样式乱了是什么原因

时间：2019-05-04 来源：小程序工厂

如图，第一个是没加的，第二个是加的

微信小程序开发问题解答

微信小程序开发者回答：

button继承了navigator的默认样式

微信小程序开发者回答：

wxml 和 wxss贴上来呢

微信小程序开发者回答：

.weekplan {
width: 80%;
height: auto;
margin-top: 20px;
margin-bottom: 0px;
padding-bottom: 0px;
}

微信小程序开发者回答：

加了的呢？怎么写的？

微信小程序开发者回答：

就是这样啊

微信小程序开发者回答：

你是不是官方安插在社区的内部人员？。。。。感觉你无处不在啊

微信小程序开发者回答：

别的样式影响了吧，建议你可以做个代码片段，做的过程中就能发现哪里的问题了。。另外，可以用调试器里的 wxml 看看 navigator和button是否有些自带的默认样式有影响

微信小程序开发者回答：

.container {
height: 100%;
display: flex;
flex-direction: column;
padding: 0;
box-sizing: border-box;
}
这个样式是全局的，不知道会不会影响，还没做过代码片段，待会试试，那个用调试器里的 wxml 看看 navigator和button是否有些自带的默认样式有影响是什么意思？

微信小程序开发者回答：

并不是哦。。我是热心群众

微信小程序开发者回答：

很多标签都有自带的样式呀~ 比如button有边框，image默认宽高之类的。

微信小程序开发者回答：

哦，明白了

微信小程序开发者回答：

你是男的女的？

微信小程序开发者回答：

男的。。咋了。。

微信小程序开发者回答：

没事，就是好奇一下

微信小程序开发者回答：

代码片段没问题。。。。。

微信小程序开发者回答：

对咯。。那就是你项目里的样式有冲突。。一点点排除吧

微信小程序开发者回答：

我之前也以为是其他样式冲突，但是我把整个代码都考进去也没事啊

微信小程序开发者回答：

是不是 app.wxss里有啥？

微信小程序开发者回答：

这个不会有影响吧

微信小程序开发者回答：

不知道。你把app.wxss也拷贝到片段的 app.wxss里呀

微信小程序开发者回答：

我草，就是这里的原因

微信小程序开发者回答：

align-items: center;
这行代码的原因

微信小程序开发者回答：

可喜可贺啊。。

微信小程序开发者回答：

但是为什么加上navigator就会出现问题，不加就没问题呢

微信小程序开发者回答：

你代码片段里能复现了的话，把代码片段发出来看看呢

微信小程序开发者回答：

怎么发给你啊

微信小程序开发者回答：

代码片段右上角不是有个分享吗。。

微信小程序开发者回答：

wechatide://minicode/8PaFY5ma7G3R

微信小程序开发者回答：

我把那个class的名字改了，但是不居中了，加上align-items: center;就又变回去了

微信小程序开发者回答：

navigator有个默认属性 width:auto。。

微信小程序开发者回答：

本文网址：http://www.91bianli.com/weixinxiaochengxu/50907.html

上一篇：微信小程序名称

下一篇：微信小程序官方demo在哪，有吗