button中套text会出有什么问题吗？我这里显示不正常

.wxml:

<view>
  <text>添加内容</text>
  <view class="row">
       <button bindtap="admin_addContent" size="mini" id='1'><text>文字</text></button>
     <button bindtap="admin_addContent" size="mini" id='2'><text>输入框</text></button>
     <button bindtap="admin_addContent" size="mini" id='3'><text>单选框</text></button>
  </view>
</view>

.wxss:

.row{
  width:100%;
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items: center;
  text-align: center;
}

这么用会出现 点击按钮如果触发点在文字上则不会触发事件，类似的代码在其他地方就不会出问题，删掉text标签后即可恢复正常，但是我需要使用rpx动态调整文字大小。

这怎么处理呢？