マルチバイト文字列を1文字づつ分割

マルチバイト文字列を1文字づつ分割し表示するサンプル。

サンプル

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";
}
?>

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>

出力結果

HTMLコード

<div class="sampleOutput"></div>
<div class="sampleOutput"></div>
<div class="sampleOutput"></div>

ブラウザ表示例

スポンサード リンク

カテゴリー: PHP, 文字列, 逆引き パーマリンク