如何確保項目在調整文本大小的同時保持在同一高度？

如果窗口大小調整文本「推動自己」，並按下按鈕。如何確保項目在調整文本大小的同時保持在同一高度？

button s遍佈各處。我想要按鈕在同一個地方。

Check external fiddle to be able to resize to desktop

2017-01-16 C' est la vie mon ami

你可以提供一個[MCVE]演示問題？ –

當然。我做了一個最小版本的代碼：https://jsfiddle.net/8vg0u1d6/6/ –

尋求代碼幫助的問題必須包含在問題本身**中重現它所需的最短代碼**最好在[** Stack片斷**]（https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/）。 –

的問題是你的button旨意把自己參考的文本內容。

編輯：我只是注意到你使用的是flex，所以爲什麼不利用它。

解決方案1： Flexbox的

---> JS Fiddle <---

解決方案2：min-height

你可以在p SIM卡設置min-height值例如在我使用180px的小提琴中，但是請注意，如果後者非常短並且這也會根據視口寬度而變化，因此如果縮小將縮小文本並且縮小文本，則可以在button和文本之間存在差距。把它推下來溢出min-height，試着找到一個平衡點。

將min-height加到section article p。（根據您的利益調整價值 - 請注意p的border僅作爲參考高度添加）。

---> JSFiddle <---

來源

2017-01-18 19:50:16 Syden

如何確保項目在調整文本大小的同時保持在同一高度？

回答

相關問題