忍者ブログ

ジュウリョククウカン

日記。HTML&CSSの話題とかパソコン関係の話題がメインっぽくもあるが、でもやっぱり日記。

2024'09.24.Tue
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2008'06.18.Wed
HTMLでは文章を二段組みにできないが、無理矢理やろうとしたらどうなるか。

もちろんテーブルを使うとか、少しだけレベルが上がるとCSSのフロートを使うとか、いろいろな意見があると思うけど、今回はそういう見かけだけのはなしで、全力で二段組みを実装しようともがいてみる。

その前に、先の方法でのデメリット。読み飛ばして貰って構わない。

まず両者、共に文章の変更が面倒であること。そして一段目の最終行が不細工になることだ。さらにテーブルは表を作るタグだし。

また、本来一つの文章であるのに切れてしまうと言う問題が残る。まあ、これはそう簡単に解決できまい。今僕が考えている方法でも難しいだろう。

さて、他の視点から見ると、画像で処理をしてしまう、と言うのがある。確かに早いし簡単だが、この方法が許されるのは仕事の時だけだろう。趣味で作るなら(HTMLを組むこと自体が趣味の場合は)、やはりそんな方法ではおもしろくない。

ここからが今考えている案。

HTMLだけでは不可能なので、Java scriptを使用する。

事前に二段組みにする文章に対して、折り返す文字数Xを指定しておく。この時全体のデータをYとして、X < Y/2

文章をカウントし、Xのところでタグを挿入し、フロートで右に回せば完成。

レイアウトするときに、幅を文字数で指定すればレイアウト崩れも防げるし、文章は気軽に変更できる。

まあ、UTF-16とかで書いた文章には使えないだろうけれど……。

ひとつの思いつきなので、失敗したり、できなくても苦情は受け付けないわ。
PR
Post your Comment
Name:
Title:
Mail:
URL:
Color:
Comment:
pass: emoji:Vodafone絵文字 i-mode絵文字 Ezweb絵文字
trackback
この記事のトラックバックURL:
[391] [390] [389] [388] [387] [386] [385] [384] [383] [382] [381
«  BackHOME : Next »
カレンダー
08 2024/09 10
S M T W T F S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
プロフィール
たな
HN:
たな
近況:
 大学生活ハジマタ。ひたすら遊ぶ、その合間にプログラミングして勉強は少々な日々。小説?

Web:
 Sidewind
リンク
最新コメント
たな (10/11)
ポン会長 (10/11)
たな (09/18)
ポン会長 (09/17)
たな (08/31)
最新トラックバック
ブログ内検索
バーコード

ジュウリョククウカン wrote all articles.
Powered by Ninja.blog * TemplateDesign by TMP  

忍者ブログ[PR]