おしゃれな改行（改列？）を再現したい

2024-09-182024-09-19

おしゃれな一覧があった。

イメージとしては、多分こんな感じの制御っぽい

一般企業法務

各種契約書の作成及びレビュー
- 取引基本契約・個別契約
- 業務委託契約
- 販売代理店契約
- ライセンス契約
- （資本）業務提携契約
株主総会対応
取締役会手続
M&A
- 株式譲渡
- 事業譲渡
- 合併・会社分割
- 法務デュー・デリジェンス
知的財産の保護
人事労務
- 労働審判
コンプライアンス・危機管理・不祥事対応
- コンプライアンスに関する社内研修
- 社内マニュアルの策定
- 社外通報窓口
- 第三者委員会
- マスコミ・当局対応

独占禁止法関連法務

独占禁止法
- 公正取引委員会の調査対応
- 課徴金減免申請（リーニエンシー）
- 審決取消訴訟
- 企業結合規制対応
- 社内調査
- コンプライアンス研修
下請法
景品表示法

ベンチャー企業支援

会社の設立
- 設立手続・資本政策・創業株主間契約
資金調達（デットファイナンス・エクイティファイナンス）
- 投資契約・株主間契約のレビュー
- 優先株式・みなし優先株式の発行
ストックオプションの発行
株式分割・増減資等の各種手続
新規ビジネスの法的規制に関する調査
株式上場（IPO）支援
- IPOに向けた各種アドバイス
- 意見書作成

不動産法務

商業用/居住用物件
- 土地建物明渡請求
- 賃料増額・減額
不動産売買
- 契約の無効・取消し
- 瑕疵修補
- 境界確定
工事請負契約に関する紛争対応

相続法務

遺産分割交渉/調停/審判
遺留分減殺請求
遺言書作成

訴訟・紛争の解決

企業間の取引に関する紛争処理
株主間の経営権を巡る紛争処理
株主代表訴訟
取締役の対第三者責任の追及
債権回収
- 交渉・保全・訴訟・財産開示・執行
その他の訴訟・紛争への対応

スポーツ法務

スポーツ選手等に関わる各種契約書の作成及びレビュー
- (選手契約、マネジメント契約、スポンサー契約、ＣＭ出演契約その他)
肖像権・著作権・パブリシティ権などの権利管理業務
ドーピング・代表選考に関するアドバイス
- 交渉
- 仲裁機関への申立て

エンターテイメント法務

映画・音楽・放送・出版・ゲーム・芸能など分野における著作権を始めとする契約に関するアドバイス
タレントの不祥事
マスコミ対応
タレントの肖像権に関する争訟、その他権利侵害行為に対する対応

↑できた

仕組みはcssで下記の設定を入れていることでした・・・

display: flex;
　⇒　これがすべての元。フレックス表示（だけではないが・・・）の時に縦の折り返しが有効になっていた

flex-wrap: wrap;
　⇒　縦並びのテーブル要素が、指定のheight（=1210px）を超えた場合は右におりかえす（←今回やりたかったのはこれ）
　　　wrapじゃない場合はつきぬけたりする（↓nowrapだとこんな）

flex-direction: column;
　⇒　カラムリバースとかにすると、要素の順番を上下逆にできたりする・・・くわしくはwebで・・・

align-content: space-between;
　⇒　ワープした（してなくても）要素の配置を左右寄せ、真ん中にちょうどいい感じのスペースを置いてくれる
　　　justify-content: space-around;ってのも見かけたこれはいったい・・・

↓こんなのがありました

height: 1210px;
　⇒　折り返しの高さ　すきにしてよい

↓フレックスボックスの参考サイト