サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
大谷翔平
lv1meg.hatenablog.com
tableのヘッダ(thead)を固定して縦スクロールをしたかった。 だけど、なんか上手くいかなかった。スクロールがtbody部に食い込んだり、レイアウトが崩れたり。一番理想の挙動に近かったのがposition: sticky法。 こんな感じに動く はてブさんのスタイルも適用されてるので実際のデザインとは違うけど、おおまかにこんな感じに動きます。 A B C D E AA BBBB CCCC DDDDDDD EEE AA BBBB CCCC DDDDDDD EEE AA BBBB CCCC DDDDDDD EEE html <table class="table_sticky"> <thead> <tr> <th>ID</th> <th>名前</th> <th>生年月日</th> <th>住所</th> <th>電話番号</th> </tr> </thead> <tbody> <tr> <
widthで幅を指定しないと(a)のようになってしまうから、(b)のように文字数によって要素の幅が可変するものを作りたい 実際HTML/CSSを書いてみる <h1>header title</h1> まずwidthにemで指定 h1 { background-color: gray; width: 12em; } 背景はみ出まくり。。。 前記事【1emの・・・幅? - Lv.1ノンプログラマの誰得メモ】の通り、文字数と幅指定はあまり関係ないみたい 次にwidthにautoで指定 h1 { background-color: gray; width: auto; } widthをautoにしても意味が無いみたい? そこで使うのが、displayプロパティ h1 { background-color: gray; display:inline; } じゃーん!! displayプロパティの値を
2010/12/5の記事【エスケープシーケンス - Lv1プログラマの誰得メモ】のサンプルを動作させてみた。 ソースは以下 <?php print('1行目の文章'); print("\n"); print('2行目の文章'); ?> ブラウザでは 1行目の文章 2行目の文章 何を疑うまでもなく、こう表示されると思っていた。 (※「んなわけないじゃん」と思った方はこの先読まなくてもいいですよ!) が ・・・あれ?改行されてない? 「\r\n」だったかな?(^ω^; 修正修正。。。 あれれ?(・ω・;; \" や \’はちゃんと表示される なぜ改行だけ?? 文字コードはUTF-8 エディタの文字コードも同じくUTF-8 じゃあ、エディタが悪いのか? →エディタ変えても変化無し ブラウザが悪いのか? →ブラウザ変えても変化無し 友人からの助言 「"PHP_EOL"使ってみたら?」 ほほう!何だ
このページを最初にブックマークしてみませんか?
『lv1meg.hatenablog.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く