div要素について。

質問

div要素について。

<div id="style">
　<?php
　　if(function_exists('○○○'))
　　{
　　○○○();
　　}
　?>
</div>

<?php ?>の部分に任意の文字が呼び出されるのですが、
その文字量にしたがってdiv#styleの横幅を可変させたいのですが可能でしょうか？
文字が５文字の場合は５文字幅。
１０文字の場合は１０文字幅といったように可変させたいです。
何らかの方法がありましたらご教授いただきたいです。

よろしくお願いします。

回答No.3

神崎 渉瑠（@taloo） · ベストアンサー

div#style {float:left;}
div#style:after{
content:url(spacer.gif);display:block;height:0;visibility:hidden;clear:left
}

または。

div#style {display:inline;}

未検証です。

div#styleにborderやbackground-colorなどを指定すれば、幅が変動するのがわかると思います。

:afterの部分は最小限の記述です。
いろんなブラウザに対応させるには、「clearfix」で検索して下さい。

お礼

無事解決致しました。
回答ありがとうございました。

回答No.2

magicalpass

それはどこでstyleの定義をしてあるかに依るでしょう。

同じソースの中にあるのなら、その定義部分を同じようにPHPで文字数に応じて横幅を変える処理を記述すれば良いだけです。
外部から共通定義を読み込んでいるのなら難しいでしょうが。

お礼

無事解決致しました。
回答ありがとうございました。

回答No.1

noname#187541

こんばんは。

10文字の幅を指定する場合、width:10em　とすればいいかと思います。これをタグの中にStyleを使って直接指定するように書きます。次のようになります。
<div id="style" style="width:10em">
これ自体をPHPで10の部分を変数にして出力するようにすればできると思います。

お礼

無事解決致しました。
回答ありがとうございました。