探してみると縦書き文庫氏の涅槃（ねはん）というエンジンに出会う。
ページの<head>タグに、以下のエンジン定義を書く
<link charset="utf-8" rel="stylesheet" type="text/css"
href="http://nehan.googlecode.com/hg/nehan2.css" />
<script charset="utf-8" type="text/javascript"
src="http://nehan.googlecode.com/hg/nehan2-min.js"></script>
<script type="text/javascript">
window.onload = function(){
Nehan.LayoutMapper.start();
};
</script>
その後、縦書きしたい箇所を以下のように囲う。
<pre class="lp-vertical lp-width-80 lp-height-400 lp-font-size-20">
縦書きにしたい文章
</pre>
lp-vertical(縦書きの宣言)
lp-width-400(横サイズ)
lp-height-300(縦サイズ)
lp-font-size-16 (フォントサイズ)
これを実装するとこうなる。
凄い。思わず笑ってしまった程の威力！
0 件のコメント:
コメントを投稿