在使用a-tooptip组件的时候,本想写个等式,但是因为该组件文本框内容宽度已设置好,文字到达一定的长度会自动换行,所以想要调整该组件的宽度。
对于强迫证的人来说,一行整齐的公式难以容忍这一个字的换行于是调整修改组件的宽度。
首先通过网页检查找到控制该宽高的样式位置:一般来说该组件默认的是鼠标focus就会触发事件,这样的话捕获不了该组件的样式,所以在此之前我们将trigger属性改为click值。
有页面捕获,当我们改变“ant-tooltip-content”类的宽度时。
该组件宽度样式得到了改变,那因为是已封装好的组件,位置我们也知道啦 怎么去修改呢?
首先利用组件的overlayClassName属性。
定义好一个类然后:
最后该组件的宽度样式调整好啦。
这里有丢丢小遗憾就是改组件的overlayStyle属性来修改样式还没实现。