フォーラムへの返信
-
投稿
-
本件のようなCSSの一般的なスタイリング方法に関することは、製品の技術的な内容ではないため基本的にサポート致しかねますが、ご希望のセンタリングを行うには基本的に中央に表示するコンテンツ全体を1つのブロック要素としてまとめ、さらにその幅(width)を予め指定しておいてください。
例:
<div class="al-c"> <div class="al-l" style="width:250px;margin:0 auto;"> <p class="icon-checkbox-checked ft20px">123</p> <p class="icon-checkbox-checked ft20px">12345</p> <p class="icon-checkbox-checked ft20px">123456789</p> </div> </div>
「崩れた形」とは具体的にはどのような状態でしょうか。
ipadのランドスケープモード(1024px)ではレスポンシブ表示となり、以下の表示になります。http://www.responsinator.com/?url=http://demo.dptheme.net/dp10/&device=ipad&orientation=landscape
根本的に、”aaaaaaaaaaaaaaaaaaaaaaaa” などという、スペースを含まないそれほどの長い英単語を表示することが現実的にあるのでしょうか。
本来、break-wordは単語の途中で区切られないように表示幅を超えない範囲で単語単位で適切に改行されます。
よって、既定の
word-breakの値(break-word)を単語や文章単位を無視したbreak-allにテーマ側の既定を変更することは考えておりません。
※英文の場合、視認性が逆に損なわれるため。参考：
http://www.htmq.com/css3/word-break.shtml
http://nanto.asablo.jp/blog/2013/06/18/6869571これを break-all にされたい場合は「オリジナルスタイルシート設定」にご自身にて指定してください。
改行の brタグ置換は使用せずにWordPress標準の自動段落機能のままで普通に投稿してください。
※WordPressの自動段落機能は1回の改行で brタグ が付き、2つ改行すると pタグで括られます。該当サイトトップのコンテンツが 404(NOT FOUND)となっているため詳細が確認できませんが、現行では表示に問題を起こす “Helvetica” フォントの指定をなくしているため、これによりアイコンフォントの位置は逆に適切な位置にくるよう、
top:2px;の従来の意図的な調整もなくしています。デモページの通り、アイコンの位置は以前よりも修正されています。
http://demo.dptheme.net/dp8/cat-a/post-1381/3/「オリジナルスタイルシート設定」にて独自に追加されたスタイリングについては、お手数ですがそのマージン、line-height、また :beforeセレクタの position、vertical-align あたりのプロパティを見直してください。
基本的にはHTML構造を意識しないビジュアルエディタでの編集は推奨できませんが、ビジュアルモードでの表示はあくまで見た目の目安程度に考慮してください。
ビジュアルモードはDigiPressのビジュアル設定を反映したすべての正確なスタイリング状態を反映するものではありません。
iOSのバージョンが不明ですがiOSをアップデートしたりキャッシュをクリアしてください。
https://discussionsjapan.apple.com/thread/10152685
http://gigazine.net/news/20140919-ios-8-file-broken/
http://lineq.line.me/q/10235833
