「css」タグアーカイブ

CSSのdisplay: flex;で動的な幅変化に対応する

CSSのメモ。display: flex;で動的な横並べを行う。実現したい動作要素Aの隣にある程度の幅が空いていれば、隣に要素Bを表示したい。要素Aは固定幅を持ち、要素Bは最小幅を持ち、幅の空きに応じて横に広がる。 … 続きを読む »

Vue CLIでグローバルで使えるCSSを設定する環境 @vue/cli 4.0.4 sass-loader 8.0.0 簡潔にグローバルでというのはどの.vueファイルの<style></styl… 続きを読む »

以前、記事をMarkdownで書いてhtmlに変換してからアップするという流れを作った。しかし、bash上でコマンドによりhtmlに変換しているので、bashが操作できる環境でないと、変換作業ができない。そして最近では… 続きを読む »

スクロールを禁止するが内部の大きい要素のなかをスクロール可能にする。 body { overflow: hidden; } div.long-content { height: -webkit-fill-availabl… 続きを読む »

bootstrapでrow spanを使った時に、上下方向にセンタリングする。 CSSでvertical-align: middle;を使っても、うまくいかなかった。 /* これだとセンタリング不可 */ table.m… 続きを読む »

CSSの疑似クラスというものを知りました。 jQuery hover()をPCとタッチスクリーンで分ける – ikapでJavascriptでhoverを管理していた。しかし、CSSの疑似クラスを使えば、割と容易にho… 続きを読む »