const Navigation =()=>{
return (
<>
<Menu mode={"horizontal"} style={{
display: 'flex',
justifyContent: 'space-around'}} theme={"light"}>
<Menu.Item key={"home"} >
?
</Menu.Item>
<Menu.Item key={"message"}>
??
</Menu.Item>
<Menu.Item key={"post"}>
???
</Menu.Item>
<Menu.Item key={"homepage"}>
????
</Menu.Item>
</Menu>
</>
)}
我使用 react js 和 antd。我想給專案 Menu.Item justify-content 作為空格。但它不像圖片那樣作業。我該怎么辦？Menu.Item 應該均勻分布，但事實并非如此。
uj5u.com熱心網友回復：
您可以將每個的寬度設定Menu.Item為 25% 并從Menu.
但我認為改變這不是一個好主意，因為它會破壞 antd 的一些選單行為。也許會導致一些意想不到的行為。
const Navigation =()=>{
return (
<>
<Menu mode={"horizontal"} theme={"light"}>
<Menu.Item key={"home"} style={{ width: '25%' }}>
?
</Menu.Item>
<Menu.Item key={"message"} style={{ width: '25%' }}>
??
</Menu.Item>
<Menu.Item key={"post"} style={{ width: '25%' }}>
???
</Menu.Item>
<Menu.Item key={"homepage"} style={{ width: '25%' }}>
????
</Menu.Item>
</Menu>
</>
)}
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/368351.html