連続した全角記号がテーブルを押し出す

解決済 mitsu666
(@mitsu666)

8年、 2ヶ月前

お世話になっております。

カスタムフィールドのテキストボックスにて
入力したテキストを
テーブル組に反映させているのですが、

●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●

のような連続した全角記号がある場合、
塊になってテーブルを押し出して崩れてしまいます。
cssの問題かと思い、
word-wrap: break-word;
を入れてみたりして試しましたが改善されませんでした。

もしかすると初歩的なことなのかもしれませんが、
お分かりになる方、どうかご教授ください。
何卒よろしくお願いいたします。

8件の返信を表示中 - 1 - 8件目 (全8件中)

nobita
(@nobita)

8年、 2ヶ月前
こんにちは
```
word-wrap: break-word;
```
こちらの環境だと、で大丈夫みたいです

テーマを Twentysixteenに切り替えてみてください。

上記のスタイルで、改行しています。

どうしてもだめなら、
```
<wbr /> か　& shy;(ソフトハイフン）
```
を挟んでやれば、改行すると思います。
トピック投稿者 mitsu666
(@mitsu666)

8年、 2ヶ月前
nobitaさま

ご返信ありがとうございます。
該当テーマにて（オリジナルなのですが。。）
やはりうまく反映されないようです。
謎でございます。。
```
"
●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
<br>
"
```
ソースを見ますと、謎のダブルクォーテーションが入っております。
関係あるのでしょうか。
投稿記事のテキストなので、強制改行のタグはあまり好ましくないかと思われ、
さいあく全角記号連打禁止ルールとするべきなのか。。
悩ましいところでございます。
nobita
(@nobita)

8年、 2ヶ月前

謎のダブルクォーテーションが

たぶん、右クリック「要素を検証」等のDOMソースを見ているのではないかと思いますが、それでしたら、多分関係ないと思います。

トピック投稿者 mitsu666
(@mitsu666)

8年、 2ヶ月前

nobitaさま

おお。なるほど。
では、やはりcssが効いていないのですね。
もう一回見てみます！
nobita
(@nobita)

8年、 2ヶ月前
スタイルが効かない理由が、なんとなくわかってきました。

table要素に
```
table-layout: fixed;
```
を追加してみてどうでしょう
トピック投稿者 mitsu666
(@mitsu666)

8年、 2ヶ月前

nobitaさま

！！！
できました！
なんと。。tableにて
word-wrap: break-word;
を適応させるには、常に
table-layout: fixed;
が必要なのでしょうか？
nobita
(@nobita)

8年、 2ヶ月前
http://www.tenman.info/wp3/manualraindrops/archives/1798#rd-class-wrap-controll

の一番下の注意書きを読んでみてください
```
word-break: break-all;
    word-wrap: break-word;
```
の2つを指定してやっても多分、動くと思いますが、

word-break: break-all;は、スペースを無視して、詰め込むので特に英語圏の人には

「何やってんの！」と突っ込まれたことが何度かあり、私的には使っていないんですが、、、

今回の場合のような場合のために、じぶんのテーマ用にオプションのクラス作りました。

いい質問に感謝します。
トピック投稿者 mitsu666
(@mitsu666)

8年、 2ヶ月前

nobitaさま

お世話になります。
こちらこそ、ご対応ありがとうございます！
私も勉強になりました。
今後も勉強してまいります。
ありがとうございました！

8件の返信を表示中 - 1 - 8件目 (全8件中)

トピック「連続した全角記号がテーブルを押し出す」には新たに返信することはできません。

トピックタグ

表示