Examples of using Flexbox in English and their translations into Japanese
{-}
-
Colloquial
-
Ecclesiastic
-
Computer
-
Programming
To dig into flexbox farther, check out Isotoma's flexbox demos and the Mozilla Hacks post about flexbox.
フレックスボックスをさらに調べるには、Isotomaのフレックスボックスデモや、MozillaHacksのフレックスボックスに関する投稿をご覧ください。Element that is a child of a flex(flexbox) container, with z-index value other than auto.
フレックス(flexbox)コンテナーの子であり、z-indexの値がauto以外の要素。For example, instead of having to know every flexbox syntax used by various browsers, autoprefixer allows you to just write display: flex;
たとえば、autoprefixerを使用すると、さまざまなブラウザで使用されるすべてのflexbox構文を知る必要がなく、display:flex;Coming with 24 levels, this tiny and funny game explains the basics of Flexbox in practice.
この小さくて面白いゲームはレベルが24も用意されており、その中でFlexboxの基本を学ぶことができます。The last part of possible update is whether I stop using flexbox for legacy browsers.
あと更新するとしたら、レガシーブラウザのためにflexbox使用をやめるかどうか、ですね。The flex property of the component in the vertical box corresponds to the flex of CSS Flexbox as follows.
水平ボックス内のコンポーネントのflexプロパティと、CSSFlexboxのflexは、以下のように対応しています。RN(React Native) uses basically flexbox, so we can make the responsive app simply.
RN(ReactNative)は基本的にflexboxを使ってるので簡単にresponsiveアプリを作ることができます。Horizontal and vertical alignment You can also use flexbox features to align flex items along the main or cross axis.
水平方向と垂直方向の配置フレックスボックスの機能を使用して、主軸または交差軸に沿ってフレックス項目を整列させることもできます。How to make flexbox children 100% height of their parent?
どのようにフレックスボックスの子供の親の100％の高さを作るには？When flex= 0: CSS Flexbox flex: 0 0 auto; equivalent layout.
Flexプロパティに0を指定した場合：CSSFlexboxのflex:00auto;と同等のレイアウト。The Bootstrap 4 grid system uses flexbox, which is supported on nearly all modern web browsers.
Bootstrap4のグリッドシステムの使用するflexboxは、現在のWebブラウザのほぼすべてでサポートされている。The essential difference between CSS Grid Layout and CSS Flexbox Layout is that flexbox was designed for use in one dimension.
CSSグリッドレイアウトとCSSFlexbox is designed to provide a consistent layout on different screen sizes.
Flexboxはサイズの異なる様々なスクリーン上で一貫したレイアウトをデザインするために用いられます。In this article we will take a look at how Flexbox fits in with all the other CSS modules.
この記事ではFlexboxが他のCSSモジュールとどのように組み合わせられるかを見ていきます。If you're doing mobile webkit development, flexbox is a great alternative to your standard layout schemes.
モバイルウェブキットの開発を行っている場合は、標準のレイアウト方法の代わりとしてフレックスボックスが大変役立ちます。When flex= 0 or more: CSS Flexbox flex: X 0 0;
Flexプロパティに0以上を指定した場合：CSSFlexboxのflex:X00;When flex= 0 or more: CSS Flexbox flex: X 0 auto;
Flexプロパティに0以上を指定した場合：CSSFlexboxのflex:X0auto;CSS Flexbox: The integration of CSS Flexbox in Firefox makes it easier for developers to build user interfaces that adapt to the size of the browser window or to create elastic layouts which adapt themselves to the font size.
CSSFlexbox:CSSFlexboxにFirefoxが対応したことで、開発者にとってはブラウザのウィンドウサイズに合わせたユーザインターフェイスを構築することや、フォントサイズに応じて柔軟なレイアウトを作ることがより簡単となっています。Although developers can now test the flexbox with Aurora or Beta, this feature will be keep disabled on the Release channel until it's ready for production.
開発者の皆さんはAuroraまたはBetaでflexboxを試せるようになりましたが、この機能は十分な品質が確保されるまでReleaseチャンネルでは引き続き無効化されます。The Flexbox Inspector allows you to examine CSS Flexbox Layouts using the Firefox DevTools, discovering flex containers on a page, examining and modifying them, debugging layout issues, and more.
FlexBoxInspectorを使用すると、FirefoxDevToolsを使用してCSSFlexboxのレイアウトを調べたり、ページにあるflexコンテナを見つけたり、レイアウトを調べたり修正したり、レイアウトの問題をデバッグするなどの作業を行うことができます。
