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

tech2023-05-29  56

做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; 完成效果: 其中有自己改一下圆角、宽度等等设置,自己研究下即可

最新回复(0)