アプリ版：「スタンプのみでお礼する」機能のリリースについて

表組の均等割り付け

解決済

  • 質問者：R4-D4
  • 質問日時：
  • 回答数：5件

スタイルシートで均等割り付けをする方法をググって

.sample {
text-align : justify;
text-justify : distribute;
}

といった指定方法を使ってみたのですが、目的の配置になりません。

添付画像のように割り付けたいのですが、どのようにしたら良いのでしょうか？
ご教示頂けないでしょうか？

どうかよろしくお願い致します。

「表組の均等割り付け」の質問画像
通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (5件)

No.1ベストアンサー

  • 回答者： t_ohta
  • 回答日時：

ブラウザは何を使っていますか？


justify はIEしか対応していないはずです。

また、justify で行われる均等割り付けは1行の幅に満たない文章は均等割り付けしませんので、全ての行が1行以内に収まる文章の場合は、目的のような配置にはならないと思います。

そもそもの用途は、英語圏の文章で単語単位で行を改行していった場合、行末がガタガタになって長い文章だとどこまでが1文なのか分かりにくくなるのを補うためのもので、日本語のように単語単位では無く文字単位で改行する言語のことはあまり考慮されていません。
    • good
    • 0
    • 件
通報する
この回答へのお礼

ご回答ありがとうございます。
ブラウザはIE11です。

> justify で行われる均等割り付けは1行の幅に満たない文章は均等割り付けしません

そのようですね。
そこで、他の方法がないのか質問させて頂いた次第です。

通報する
お礼日時：2014/08/03 14:35

No.5

  • 回答者： DrFell
  • 回答日時：

「htmlのルールもスタイルシートの知識もない人がテキスト部分だけを頻繁に書き換える前提」でも、文字数を数えてclassを入れることぐらいはできるのでは？



<td>のあと、class="l"は何文字かのおまじないですよ。lはレタースペースのエルでその後に実際の文字数が入りますよと伝えておけば、８文字未満でしたら、できた表を目視すれば、間違いは簡単に発見できますでしょ？理解できなくても、間違いがわかれば、文字数を数え直して入れればいいだけですので、対応できると思います。

見た目の為にクラスを入れるのはダメという原理主義者もいるでしょうが、そんな理想論ではやっていけない事もあります。

また、これを機会に少しずつhtmlのルールを教育していけば、やる気のある人なら覚えますよ。htmlは挟むだけ、簡単！簡単！といって、心理的敷居を低くし、成功して苦手意識が薄くなっているところ、慣れたところで、できることを増やしていけばいつのまにか覚えてたいうことになりませんかね？

参考になれば、幸いです。
<html>
<head>
<title>無題ドキュメント</title><style type="text/css">
.l2{letter-spacing: 6em;}/**２文字用**/
.l3{letter-spacing:2.5em;}/**３文字用**/
.l4{letter-spacing:1.33em;}/**４文字用**/
.l5{letter-spacing:0.75em;}/**５文字用**/
.l6{letter-spacing:0.4em;}/**６文字用**/
.l7{letter-spacing:0.17em;}/**７文字用**/
</style>
</head>

<body>
<table>
<tr>
<td class="l2">ああ</td>
</tr>
<tr>
<td class="l3">あいう</td>
</tr>
<tr>
<td class="l4">あいうえ</td>
</tr>
<tr>
<td class="l5">あいうえお</td>
</tr>
<tr>
<td class="l6">あいうえおか</td>
</tr>
<tr>
<td class="l7">あいうえおかき</td>
</tr>
<tr>
<td class="l8">あいうえおかきく</td>
</tr> <tr>
<td class="l8">１２３４５６７８</td>
</tr>
</table>
</body>
</html>

この回答への補足

失礼致しました。「済む」が「住む」になったままお礼を投稿してしまいました。

補足日時：2014/08/18 21:32
通報する
    • good
    • 0
    • 件
通報する
この回答へのお礼

ご回答ありがとうございます。
私がお尋ねしているのは、あくまでも、そのようなことをしなくて住む方法ですので…

通報する
お礼日時：2014/08/18 21:31

No.4

  • 回答者： ORUKA1951
  • 回答日時：

できません。


HTMLは、視覚系ブラウザだけを対象としたものではありません。
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )］より

　もしスペースを挿入したら、視覚障害者は代表者名　を　だい--ひょう--もの--な　と読んでしまうでしょうし、検索エンジンにも理解されないし・・
　HTMLでウェブページを作成する最大の利点・理由を失うことになる。どうしてもならテラスシなどで作成してPDFにします。
    • good
    • 0
    • 件
通報する
この回答へのお礼

やはり無理なのですね。
ご回答ありがとうございました。

通報する
お礼日時：2014/08/18 21:33

No.3

  • 回答者： DrFell
  • 回答日時：

スペースなどで開けるのはお勧めしませんね。



どうしてもとおっしゃるなら「letter-spacing」プロパティをご使用ください。

.sample {
letter-spacing: 2em;
}
.sample1{
letter-spacing: 0.5em;
}

等。これなら、音声読み上げソフトも、seoも問題なく対応します。
    • good
    • 0
    • 件
通報する
この回答へのお礼

ご回答ありがとうございます。
実はこのページは、htmlのルールもスタイルシートの知識もない人がテキスト部分だけを頻繁に書き換える前提のページなので、何文字(8文字以上にはならないので、文字間隔ゼロでも改行されてしまうとかの心配はありません)の文字列を入れても等間隔になるように私がお膳立てをしなければならないのです。
上司から「絶対にやれ」と言われているのですが、どうやら、無理そうですね…

通報する
お礼日時：2014/08/06 21:10

No.2

  • 回答者： t_ohta
  • 回答日時：

他の方法としては、等幅フォントを使いスペースを駆使して自力で揃えるしか無いのではないでしょうか。

    • good
    • 0
    • 件
通報する
この回答へのお礼

度々のご回答ありがとうございます。
そ・そうなんですか…
とすると、ページ内検索で「FAX」とか検索すると「見つかりませんでした」ということになってしまうんですね。
スタイルシートって、もっと何でも出来るものなんだと思っていました。(^^;

通報する
お礼日時：2014/08/03 15:38

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報