01
Maintenance
メンテナンス
稼働状況に応じた定期点検・緊急対応を行い、機器のトラブルや計測不良を未然に防ぎます。異常値検知や改修時のコンサルティングも対応可能です。
図面展開作業
お客様からの設計図をCAD/CAMソフトで展開し、
精密な製品製造を実現します。
▼アコーディオン
・クリックできる範囲を広げるため、余白（padding）の設定箇所を変更すると、より操作性が向上します。
・デフォルトでは「Accordion Item」に余白が設定されていますが、
「Accordion Toggle」にパディングを設定する形に変更することで、白背景全体がクリック領域となり、より直感的に開閉できるようになります。
・開いたときのコンテンツを余白は、「Accordion Content」内のコンテナに設定しています。
Accordion content
Accordion content
Accordion content
Accordion content
▼クエリループ
・線については、疑似要素で実装しても問題ありませんが、3カラムをflexで横並びにして表現する形でもOKです！
また、下の修正では線のコンテナに「flex-grow: 1; flex-basis: 0;」でも余ったスペースを埋めてくれています。
NEWS
一覧へ
flex-grow: 1; は、余っているスペースを広げる指定です。
flex-basis: 0; は、中身のサイズを基準にせず、初期サイズを0として計算する指定です。
この2つをセットで使用することで、
① 0pxスタートで計算
② 余ったスペースを flex-grow の割合で分配
という動きになり、中身の文字量などに影響されず、均等に幅を広げることができます。
「残り幅を自動で埋める」「均等幅にする」といったレイアウトでよく使用されます。
▼ flex-basis: 0;を指定しなかった場合、flex-basis の初期値は auto のため、中身のサイズを基準に幅が計算されます。そのため、文字量やコンテンツ量が多い要素は幅が広くなり、少ない要素は狭くなる場合があります。
1
flex-basis: auto;flex-basis: auto;flex-basis: auto;flex-basis: auto;flex-basis: auto;flex-basis: auto;
▼flex-basis: 0;を指定した場合
1