はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ center

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 6 / 6件)
 

Deno のこれまでとこれから JSConf JP 2021

2021/11/27 このエントリーをはてなブックマークに追加 92 users Instapaper Pocket Tweet Facebook Share Evernote Clip deno SVG middle assets align

class: middle, center <img src="./assets/logo.svg" align="center" width="200" /> Deno の これまで と これから --- アジェンダ - Deno とは - Deno のこれまでのロードマップ - Deno のこれからのロードマップ --- # 話す人 <img src="./assets/hinosawa.jpg" align="right" width="300" /> 日野澤歓也 twitter @k... 続きを読む

たった1行のCSS!よく見かけるWebレイアウトを実現する凄技テクニック10個 - PhotoshopVIP

2020/08/18 このエントリーをはてなブックマークに追加 445 users Instapaper Pocket Tweet Facebook Share Evernote Clip PhotoshopVIP CSS スタイリング 上下中央 1行

モダンなCSSレイアウトでは、ほんのわずかなコードを書くだけで、実用的なスタイリングを実現できます。 この記事では、たった1行でよく見かけるWebレイアウトを表現できるテクニック10個をご紹介します。 上下中央揃え: place-items: center まずCSSでもっとも頭を悩ませる、上下中央揃えを詳しくみてみましょう。ここ... 続きを読む

[CSS]要素を天地左右の中央に配置、最近主流になっている実装方法のまとめ | コリス

2018/03/02 このエントリーをはてなブックマークに追加 301 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス margin text-align CSS auto

子要素を親要素の左右中央に配置するのは、簡単です。 インライン要素は「text-align: center;」で、ブロック要素であれば「margin: 0 auto;」で中央に配置できます。 難しいのは上下、天地の中央です。 CSS Hackは使用せず、要素を天地左右の中央に配置する実装方法を紹介します。 Absolute Centering with CSS 下記は各ポイントを意訳したものです。... 続きを読む

OSSコミュニティがある日突然壊れたときにどうすればいいか

2015/10/05 このエントリーをはてなブックマークに追加 89 users Instapaper Pocket Tweet Facebook Share Evernote Clip OSSコミュニティ middle Twitter class

class: center, middle # OSSコミュニティが ある日突然壊れたときに どうすればいいか --- class: middle - twitter [@xuwei_k](https://twitter.com/xuwei_k) - github [@xuwei-k](https://github.com/xuwei-k) - blog [http://d.hatena.ne.j... 続きを読む

jQueryを使って、div全体にリンクを貼る方法。_blank対応も。 | PLUS

2014/04/16 このエントリーをはてなブックマークに追加 68 users Instapaper Pocket Tweet Facebook Share Evernote Clip jQuery margin-right div カーソル 方法

例えばボタンなどdiv全体にリンクを貼りたいことがありますが、その際に便利なTipsのご紹介です。 まずは、見た目のみ準備 CSSでボタンを作ります。リンクもdivの中に置いて構いません。CSSでdivの上にマウスがのったときに、カーソルが変わるよう変更しています。 <style> .sbtn{ margin-right:10px; text-align:center; background-co... 続きを読む

geta6 / <div align='center'>超大量絵馬とはなんだったのか</div> - Glide

2014/03/19 このエントリーをはてなブックマークに追加 62 users Instapaper Pocket Tweet Facebook Share Evernote Clip GLIDE div geta6 超大量絵馬

Please note that Glide no longer supports Internet Explorer versions 7 or 8. 続きを読む

 
(1 - 6 / 6件)