div中强制将两个元素放在一行

做antd中不太喜欢他本身的样式功能,自己写了个。
不多说了,直接上代码

                    <div style="white-space:nowrap;width:100%;">
                      <a-button style="display:inline-block;width:calc(100% - 40px);text-align: left;border-radius:4px 0 0 4px;">题目类型
                      </a-button>
                      <a-button style="padding: 0;width: 40px;border-radius:0 4px 4px 0">
                        <a-icon style="display:inline-block;text-align: center;" type="down"/>
                      </a-button>
                    </div>

父级div:white-space:nowrap
子级div:display:inline-block;
完成效果:
在这里插入图片描述
其中有自己改一下圆角、宽度等等设置,自己研究下即可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值