Home
CSSでテーブルのセルの幅を均等にする方法。
table-layout:fixed; を利用する。
|
1 2 3 4 |
table { width: 100%; table-layout: fixed; } |
CSS テーブルの列幅を均等にする
関連するタグの記事
CSS｜テキストが表示領域を超えている時に途中でテキストを切って「・・・」を表示させる方法
省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-6a72d929200fd127096974/] ▼例：以下のようなことがでけました。 …
横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』
最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単！設置とカスタマイズが簡単だからだ。あと動きもスマ…
CSSで作る押したった感のあるボタン風リンク
GIRL リンクをテキストリンクではなくボタン風にしたい！ GIRL それだけでなくボタンを押したような動きが欲しい！ ME そんな時はCSS使えば、押した時（クリックした時）にポチって沈むような動きを…
CSSだけで結構使えるシンプルアイコンが書けるサイト
https://www.youtube.com/watch?v=ZOiRwXOIsx4&feature=youtu.be https://twitter.com/webcreatorbox/status/788175303835262976 ▼CSS ICON -- …
CSSでレスポンシブ対応！PCではテーブル表示、スマホではリスト表示させる方法
横幅480px以下になるとリスト表示となるます。 [crayon-6a72d929202db743245749/]
CSS／フォントサイズ「px、em、rem」の違いと変換表
px 絶対指定 1pxは1ドット em 相対指定 親要素のfont-sizeを基準 [crayon-6a72d92920332278832133/] 変換表 親要素のfont-sizeが16pxの場合 px em em 1…
関連するカテゴリの記事
WordPressの独自テンプレートにBootstrap v4.5を速攻で組み込むためのソースコード公開
スピードを求められるサイト制作の場合、WordPressとBootstrapの組み合わせが自分に合っているようです。 レスポンシブ対応でタブレットもさらっと出来るのでクライアント様にもスマホ対応だけでないって部分で喜ばれているように思います。 そこで！ WordPres…
WordPressのフロントページから記事編集画面へジャンプできる「編集」リンクを設置
ME 自分のWordPressサイトを見ている時に、追記・修正したい時ってありますよね？ その時にいちいちダッシュボードにログインして記事を探して対応するのは面倒じゃないですか？ ME こういうのために記事詳細ページに以下の「編…
WordPressプラグインAdvanced Custom Fields｜デイトピッカーの出力フォーマットをカスタマイズする方法
ME WordPressのプラグインAdvanced Custom Fieldsのデイトピッカーを使って年月日を出力する方法をメモ。 日付フォーマットのカスタマイズ方法も書いておくよ。 ▼Advanced Custom Fields (ACF) h…
WordPress 問い合わせフォームのプラグインMW WP Formの自動返信メールに送信日時を設置
WordPressのプラグインMW WP Formの問い合わせフォームから問い合わせいただいた方に、問い合わせした日時を自動返信メールに表示させる方法。 公式サイトに記載はあるものの、要点があったのでメモっときます。 functions.phpに以下のソースを記載…
CSSのfont-familyで割と綺麗な明朝体を指定することがでけた！
これまで明朝体を使う時は画像を使っていたけど以下のように、CSSのfont-family指定で割と綺麗なカンジで使えたので、今後は画像を使わなくても良いかも。 と、いうことでメモメモ ((φ(-ω-)ｶｷｶｷ [crayon-6a72d929219bc10…
WordPress、投稿タグのリンク有り無しの出力方法
リンク付き [crayon-6a72d92921a12069364534/] リンク無し [crayon-6a72d92921a15468218787/]
