マルチバイト文字列を１文字づつ分割し表示するサンプル。
サンプル
PHPコード
<?php
$sampleStr = "文字列";
for ( $i=0; $i< mb_strlen( $sampleStr,"UTF-8" ); $i++ ) {
$sampleOutput = mb_substr( $sampleStr, $i, 1,"UTF-8" );
echo "<div class=\"sampleOutput\">";
echo $sampleOutput;
echo "</div>\n";
}
?>
$sampleStr = "文字列";
for ( $i=0; $i< mb_strlen( $sampleStr,"UTF-8" ); $i++ ) {
$sampleOutput = mb_substr( $sampleStr, $i, 1,"UTF-8" );
echo "<div class=\"sampleOutput\">";
echo $sampleOutput;
echo "</div>\n";
}
?>
CSS
<style>
.sampleOutput {
width: 80px;
padding: 10px;
margin: 10px;
line-height: normal;
font-size: 60px;
font-weight: bold;
text-align: center;
color: red;
background-color: #000000;
border-radius: 10px;
}
</style>
.sampleOutput {
width: 80px;
padding: 10px;
margin: 10px;
line-height: normal;
font-size: 60px;
font-weight: bold;
text-align: center;
color: red;
background-color: #000000;
border-radius: 10px;
}
</style>
出力結果
HTMLコード
<div class="sampleOutput">文</div>
<div class="sampleOutput">字</div>
<div class="sampleOutput">列</div>
<div class="sampleOutput">字</div>
<div class="sampleOutput">列</div>
ブラウザ表示例
文
字
列