div中強制將兩個元素放在一行

2021-10-24 06:45:13 字數 663 閱讀 3024

做antd中不太喜歡他本身的樣式功能,自己寫了個。

不多說了,直接上**

"white-space:nowrap;width:100%;"

>

"display:inline-block;width:calc(100% - 40px);text-align: left;border-radius:4px 0 0 4px;"

>題目型別

<

/a-button>

"padding: 0;width: 40px;border-radius:0 4px 4px 0"

>

"display:inline-block;text-align: center;" type=

"down"

/>

<

/a-button>

<

/div>父級div:white-space:nowrap

子級div:display:inline-block;完成效果:

其中有自己改一下圓角、寬度等等設定,自己研究下即可

如何讓兩個div處於一行

我們知道 div是塊級元素,是獨佔一行的.一般情況下,兩個相鄰的div是不會處於一行的 例如 html html head lang en meta charset utf 8 title 讓兩個div處於同一行 title head body divstyle height 40px width ...

如何讓兩個div處於一行

我們知道 div是塊級元素,是獨佔一行的.一般情況下,兩個相鄰的div是不會處於一行的 例如 lang en charset utf 8 讓兩個div處於同一行title head style height 40px width 80px background color 006ba4 div1 d...

如何讓兩個div處於一行

我們知道 div是塊級元素,是獨佔一行的.一般情況下,兩個相鄰的div是不會處於一行的 例如 html html head lang en meta charset utf 8 title 讓兩個div處於同一行 title head body divstyle height 40px width ...