Shortcodes for DigiPress テーブル用ショートコードについて

[佑介]

いつもお世話になっております。
現在、自社サイトにてページデザインを組んでいる最中ですが
「Shortcodes for DigiPress テーブル用ショートコード」について

▼テーブル用ショートコード
https://digipress.info/manual/shortcode-list/12/

テーブル内にリンク要素を追加した場合、
長すぎるリンクの文字列がテーブル内で折り返しせず、テーブルをハミ出てしまう現象に悩まされております。（PC、モバイル共通）

例：リンク要素をショートコードテーブル内に記載
<a href="http://" class="mg5px-l" target="_blank" title="You Tube">http://</a>

[table width="100%" class="(*1) al-c"]
[tablerow width="30%"]
[tablecell class="(*2)"]
You Tube
[/tablecell]
[tablecell align="left" width="70%" class="(*3) icon-youtube yoIcon"]
<a href="http://" class="mg5px-l" target="_blank" title="You Tube">http://</a>
[/tablecell]
[/tablerow]
[/table]

この場合、スタイルシートにて(*3)の class 要素 に
word-wrap:break-all;
と、指定してもテーブルをハミ出してしまい折り返しができません。

リンク要素を div などで囲み
<div class="(*4)"><a href="http://" class="mg5px-l" target="_blank" title="You Tube">http://</a></div>

CSS にて色々試してみましたが、思うようなレイアウトはできません。

width: 100%;
max-width: 300px;
word-wrap:break-all;

「Shortcodes for DigiPress テーブル用ショートコード」の仕様上の問題であるのかどうかは分かりませんが、解決策があればご回答頂ければ助かります。

添付画像の対象サイトURLはこちら
http://loungeparty.bar/type/lounge/lp000001/

添付ファイル:

添付ファイルを開くにはログインしてください。

[DigiPress サポート]

例えば以下の指定で改行します。

[table width="100%" style="table-layout:fixed;word-wrap:break-word;"]
[tablerow]
[tablecell width="30%"]
1-1番目のセル
[/tablecell]
[tablecell width="70%"]
<a href="#">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</a>
[/tablecell]
[/tablerow]
[/table]

参考：

【CSS】TABLEのセルの中でURLが改行してくれない

[佑介]

早速のご回答誠に有難うございます。

table の class にて上記の通り記述をしたところ

table-layout:fixed;
word-wrap:break-word;

問題なくテーブル内での長いＵＲＬの折り返しが実装できました。
有難うございます。

[投稿者]

投稿