white-spaceのレンダリング

 
テキスト
ホーム > CSS2 Note > white-space > white-spaceのレンダリング

normal: 通常表示

<style type="text/css"><!--
.eg1 {white-space:normal;}
--></style>

<div class="eg1">
かく人世を観じ得るの点において、かく煩悩を解脱するの点において、かく清浄界に出入し得るの点において、またこの不同不二の乾坤を建立し得るの点において、我利私慾の覊絆を掃蕩するの点において、――千金の子よりも、万乗の君よりも、あらゆる俗界の寵児よりも幸福である。
</div>
 

pre: テキストをそのまま表示しますがタグや文字参照は解釈されます

<style type="text/css"><!--
.eg1 {white-space:pre;}
--></style>

<div class="eg1">&lt;html&gt;
&lt;head&gt;
&lt;title&gt;pre&lt;/title&gt;
&lt;/head&gt;

&lt;body&gt;
<span style="color:orange">こんにちは</span>
&lt;/body&gt;
&lt;/html&gt;</div>
 

nowrap: 改行禁止

<style type="text/css"><!--
.eg1 {white-space:nowrap;}
--></style>

<div class="eg1">
大将雪隠へ這入るのに火鉢を持って這入る。雪隠へ火鉢を持って行ったとて当る事が出来ないじゃないかというと、いや当り前にするときん隠しが邪魔になっていかぬから、後ろ向きになって前に火鉢を置いて当るのじゃという。それで其火鉢で牛肉をじゃあじゃあ煮て食うのだからたまらない。
</div>
 
関連項目: white-space
トップページ CSS2 Note ページトップ
 2009/06/01発行 2009/06/01更新