shozzyのブックマーク / 2019年3月27日

shozzy id:shozzy

2019年3月27日のブックマーク (3件)

Flexboxを使って孫要素まで高さを揃える方法 - Qiita
cssで要素を横並びにするにはいくつか方法がありますが、中でもflexboxは子要素の高さがデフォルトで揃ってくれるから好き！基本的な使い方は、親要素にdisplay:flexを指定するだけ。子要素が横並びになり、高さも揃ってくれます。 See the Pen flexbox01 by kayukihashimoto (@kfunnytokyo) on CodePen. flex-wrap: wrapで折り返しを設定して、 justify-content: space-betweenで両端に合わせるだけで、とっても簡単にキレイなレイアウトが組めちゃいます。 flexboxを知ってから、横並びレイアウトがスムーズに組めるようになりました。 Can I Useで確認すると、 IE11は部分的な対応となっていますが、主に古いver.のバグのようです。バグに関しては、flexboxのバグ
shozzy 2019/03/27
この考え方を参考にして、VuetifyのCardをうまく「各行はフレキシブルな高さにしつつ、横に並んだカードの高さを揃える」ことができた！（最終的に、孫要素以下にheight="90%"とかを付けただけに落ち着いたが）

CSS
リンク
【CSS】改行を含むテキストの表示をスタイルシートで？ at softelメモ
問題以下のような改行を含むテキストがあって、ブラウザの画面に表示したいんだけど、こういうときはphpのnl2br()を使うんだっけ？改行を含むテキストあいうえおかきくけこ本日は晴天なり ↓ nl2br($str) 改行を含むテキスト<br /> あいうえおかきくけこ<br /> 本日は晴天なり答えそれでもいいんだけど、スタイルシートで対応するのはどう？ <div style="white-space:pre-wrap;">改行を含むテキストあいうえおかきくけこ本日は晴天なり</div> ↓ ほら。事例 twitterがPC版で改行の表示を対応したとき、white-space:pre-wrap;したみたいです。ブラウザの対応状況は？ white-space:pre-wrap;はIE6以前がだめらしい。今なら使っても大丈夫でしょう。「HTMLで改行といったら<br />で
shozzy 2019/03/27
div内のテキストを\nで改行させたい時の方法。CSSで“white-space:pre-wrap;”の設定を入れておく。

CSS
リンク
【速報】コインハイブ事件、男性に無罪判決　横浜地裁 - 弁護士ドットコムニュース
自身のウェブサイト上に他人のパソコンのCPUを使って仮想通貨をマイニングする「Coinhive（コインハイブ）」を保管したなどとして、不正指令電磁的記録保管の罪に問われたウェブデザイナーの男性（31）に対し、横浜地裁（本間敏広裁判長）は3月27日、無罪（求刑罰金10万円）を言い渡した。公判で男性は無罪を主張。（1）コインハイブは不正指令電磁的記録にあたるか、（2）「実行の用に供する目的」があったと言えるか、（3）故意があったと言えるか、の3点が争点となっていた。（弁護士ドットコムニュース）
shozzy 2019/03/27
横浜地裁はまともだったか。
リンク
- 2019年3月28日
- 2019年3月27日
- 2019年3月24日