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;
完成效果:
在这里插入图片描述
其中有自己改一下圆角、宽度等等设置,自己研究下即可

猜你喜欢

转载自blog.csdn.net/wwppp987/article/details/108383184