私はSemantic UI Reactを使用しています。私は右のフロートにしたいボタンで終了し、内部にいくつかのことでセグメント成分を持っていますが、私は右のそれをフロートするときには、セグメントの出てくる始まり:セマンティックUIリアクション - フローティングボタンがコンテナから出ていますか?
私がいない場合それをフロート、それがうまくセグメントの内側にとどまるが、それは左のだ、と私は右側にそれをしたい:
が、私はこれを修正するために何ができますか?
私はSemantic UI Reactを使用しています。私は右のフロートにしたいボタンで終了し、内部にいくつかのことでセグメント成分を持っていますが、私は右のそれをフロートするときには、セグメントの出てくる始まり:セマンティックUIリアクション - フローティングボタンがコンテナから出ていますか?
私がいない場合それをフロート、それがうまくセグメントの内側にとどまるが、それは左のだ、と私は右側にそれをしたい:
が、私はこれを修正するために何ができますか?
代わりのfloat
のようないくつかを使用する必要があります。これにより、コンテナの右側にブロックレベルの要素が配置されます。
Uはmargin-left:auto
を使用してみてください、
button{
float:right;
position:inherit;
}
これはうまくいきましたが、 'display:inherit'も追加した後でしか動作しませんでした。明らかにセマンティックUIフレームワークはButtonコンポーネントに '.ui.button'のクラスを追加し、それらのクラスは' display:inline-block'に設定され、明らかに 'margin-left:auto'設定は無視されます。 –