ID:PV.jw. さんの質問

動的に横幅が決まる div の中に、動的に長さが決まる文字列があります。文字列が短いときは text-align:center となり、文字列に折り返しが発生するときは text-align:left のように表示する良い方法はありませんか？
とりあえず div を2重にして、内側のを display:table; margin:0 auto; text-align:left; とすることで実現できていますが、table-cell が無いのが気になるし、ベストな方法ではないように思えるのですが、どうでしょうか？

みんなの回答 2 件

ID:Wh4ZD2 さんの回答

文字数(em or rem)に応じて切り替えれば良いのでは？
media queryってやつ。

ID:wV.x1S さんの回答

外側にtext-align:center;
内側にdispay:inline-block; text-align-left;
でいけそうだけど

最終更新日:2016-02-24 (1,379 views)

関連するトピックス

1 回答

データベースについて質問があります！フェイスブックのいいねみたいな評価は、それ単独でテーブルにした方が良いのですか？それとも、記事のテーブルにいいね数みたいなフィールドを設けて、いいねされる度にその値... 2,309 views
6 回答

商品化したら絶対売れるスマホケースのアイデアがあります。早い段階で公開すると、アイデアを盗まれそうで、商品化するまでの方法がわからず立ち止まってます。どういったプロセスを踏むべきでしょうか？ 2,077 views
2 回答

iPhoneでメディアクエリで設定したpc用のレイアウトを確認したいです。何か方法ありますでしょうか？Safariの下部メニュー内「デスクトップ用サイトを表示」を選択しても結局cssはスマホ表示のまま... 1,126 views
4 回答

動的ページのurlパスっどんな形式にしてます？w3q.jp/t/ここの部分ランダムな文字列？連番？連番はセキュリティ的にはよろしくないっていいますよね。 1,831 views
3 回答

他で「トンデモwebデザイナー」というトピがありますが、「トンデモディレクター」の経験談を伺いたいです。というのは、私はデザイナーで今年からフリーランスで仕事を始めたのですが知り合い経由で知り合ったデ... 3,625 views
1 回答

エンティティ化・jsで疑似暗号化する以外にできるスパムボット対策はありますでしょうか？jsで行けると思ったのですが意外にもブラウザでjs無効に設定してる人が多くて... 1,880 views
2 回答

italicのグーグルwebフォントってありますでしょうか？ 1,791 views
2 回答

このサイトってセキュリティホールがチラホラありますけど、やっぱWPで作られてるんですか？ 1,732 views

みんなの回答 2 件

文字数(em or rem)に応じて切り替えれば良いのでは？media queryってやつ。

外側にtext-align:center;内側にdispay:inline-block; text-align-left;でいけそうだけど

関連するトピックス

文字数(em or rem)に応じて切り替えれば良いのでは？
media queryってやつ。

外側にtext-align:center;
内側にdispay:inline-block; text-align-left;
でいけそうだけど