HTML構文で文中の改行による不要な半角スペースを省く方法はありますか？
- Homepage Builder Ver.9を使用してHPを作成しています。
- 文章の改行によって不要な半角スペースが生成されることに困っています。
- HTML構文やソースを見ても改行が長すぎて整えたい場合、どのように半角スペースを省くことができるのでしょうか。
- ベストアンサー
文章改行で出来る半角スペースを省く方法ありますか？
Homepage Builder Ver.9を使ってHPを作っているのですが、 HTML構文を整えようと思い、 タブ以外で、文章でも改行してしまうと半角スペースが1つ出来てしまいます。 本当は、このスペースが要らないのですが、どの様にすればスペース無しで整えられるでしょうか。 例えば、 <TABLE border="2"> <TR><TH>五十音</TH> <TD>あいうえお かきくけこ</TD></TR> </TABLE> としたとしたら、 あいうえお かきくけこ という上記の様に半角スペースが1つ出来てしまいます。 又、 <TD>あいうえお かきくけこ</TD></TR> としても、 あいうえお かきくけこ といった形で半角スペースが1つ出来てしまいます。 因みに、ここでは全角スペースで揃えました。 本当は半角スペースです。 文章で改行しても、半角スペースが出来ない様にする方法、 もしご存じでありましたら、何方様か教えて頂ければ幸いです。 どうしても、HMTL構文（又、ソース）を見ても横に長すぎて、 文章のある部分で改行をして整えたいのですが、 不要な半角スペースを省く（又は、除く）方法があればと思っております。 宜しくお願い致します。
- HTML
- 回答数4
- ありがとう数4
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
・と、××会員の間もだめでしたか・・ HTMLの仕様では（タグの前後を除いて）改行やタブを空白文字として扱う、と明記されていますので、文章の途中に空白（改行）を入れつつそれを無視したいというのはやはり無理があります。 できるのは、最初の通りコメントを無理に入れるとか タグの途中（区切り）で改行するとか… <TD>○○会員（<SCRIPT src="～" type="text/javascript"></SCRIPT >年目）・××会員（<SCRIPT src="～" type="text/javascript"></SCRIPT>年目）</td></tr> どっちにしろみづらくなるので改行せずに書くのが一番だと思います。 コレもどうかとも思うけど、読み込むjavascript(History_02.js)の方を改造し、「年目）・」をjavascriptで出力するようにすれば <TD>○○会員（<SCRIPT src="～" type="text/javascript"></SCRIPT>（改行） ××会員（<SCRIPT src="～" type="text/javascript">年目）</td></tr> と、かけますが。 バランスの問題だけなら ～～～（半角スペース）・（改行） ～～～ と、すれば「・」の前後に同じように空白が入るのでブラウザ上の見た目はいいかもしれません。
その他の回答 (3)
- steel_gray
- ベストアンサー率66% (1052/1578)
ソースの見栄えのためにスペースが必要だけど表示したくないというのであればちょっと無理だと思います。 「○○会員」と「××会員」を目立たせたのであれば、逆にインデントを付けるとか。 <TD> ○○会員（<SCRIPT src="～" type="text/javascript"></SCRIPT>年目）・ ××会員（<SCRIPT rc="～" type="text/javascript"></SCRIPT>年目） </TD> ※尚、script文の language属性は不要です。
お礼
暫くと申しますか、長い間お礼を述べていなく、 大変失礼を致しました。 再びアドバイスをして下さり、大変有り難く思いました。 色々と教えて下さり、有り難う御座いました。
補足
steel_grayさん、再び有り難う御座います。 全体のバランスを考えると、教えて下さった方法ですと、 「○○会員」と「××会員」の部分のHTML構文のみ、 崩れてしまう状態です。 先の補足が足りなかったのですが、 「○○会員（○○年）・××会員（××年）」 の「・」と「×」の間に半角スペースが生じてしまうのですが、 構文を揃えようと思うと、 <TD>○○会員（<SCRIPT src="～" type="text/javascript"></SCRIPT>年目）・ ××会員（<SCRIPT src="～" type="text/javascript"></SCRIPT>年目）</TD> という形が良いのですが、 上記の様に「・」と「×」の間に半角スペースが生じてしまいまして。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML><HEAD> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 9.0.0.0 for Windows"> <META http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>テスト</TITLE></HEAD> <BODY oncontextmenu="return false"> <CENTER> <TABLE border="2"> <TR><TH>＋＋＋</TH> <TD>○○会員（<SCRIPT src="～" type="text/javascript"></SCRIPT>年目）・ ××会員（<SCRIPT src="～" type="text/javascript"></SCRIPT>年目）</TD></TR> <TR><TH>＊＊＊</TH> <TD>××× <BR>～～～～</TD></TR> </TABLE><BR><BR> <FORM> <INPUT type="button" value="Reload" onclick="history.go(0)"> <INPUT type="button" value="Back" onclick="history.back()"> </FORM></CENTER></BODY></HTML> 結構省略していますが、上記の様に整えようと思っていました。 全角スペースにしています。が、本来は半角です。 かなり難しい事をしようとしているのでしょうか。 タグ以外で改行し、半角スペースを入れると、 1つ分の半角スペースは、どうしようもないという事でしょうか。 ソースの見栄え的には上記の様に整えたいのですが、 寧ろ「○○会員（○○年）・××会員（××年）」の 「・」と最初の「×」の間の半角スペースを生じさせない様に してみたいものです。 調べてみても、なかなか見当たらないので、 無謀なのでしょうかね。 こればかりは諦めた方が良いのでしょうか。
- MAN_MA_RUI
- ベストアンサー率41% (426/1024)
タグの前後で改行するようにしたりインデントを減らしたりして文章を調整するのがいいんでは？ 文章があまり横に長くなるのは好ましくないでしょう。
お礼
大変長い間お礼を述べていなく、失礼を致しました。 アドバイスをして下さり、当時は有り難く思いました。 色々と有り難う御座いました。
補足
MAN_MA_RUIさん、アドバイス有り難う御座います。 私の説明不足でした。 文章自体は、全く長くありません。 タグで、JavaScriptを用いている関係で、構文的に長くなってしまっているのです。 質問の例えより、実際にしようとしている内容を記述してみます。 因みに、<TD>～</TD>のみで…。 <TD>○○会員（<SCRIPT language="JavaScript" src="HP-JS/History_01.js" type="text/javascript"></SCRIPT>年目）・ ××会員（<SCRIPT language="JavaScript" src="HP-JS/History_02.js" type="text/javascript"></SCRIPT>年目）</TD> といった感じです。 なので、 ○○会員（○年目）・××会員（××年目） といった形で、文としては短いのです。 「××会員」の前は実際は、半角スペース11個分ですが、 半角スペースが適用されないので、全額で打ち込んでます。 文章と言うより、<TD>～</TD>が長い為、揃えようと思うと、 「××会員」で区切っています。 「○○会員」と「××会員」を揃えようとすると、 「××会員」の頭に半角スペースを11個打ち込んでいる状態です。 途中改行で半角スペース無しという、 やろうとしている事は、難しい事なのでしょうか。
- steel_gray
- ベストアンサー率66% (1052/1578)
うーん・・・コメントでも挟んでみるとか。 <TD>あいうえお<!-- -->かきくけこ</TD>
お礼
暫くと申しますか、長い間お礼を述べていなく、 大変失礼を致しました。 アドバイスして下さり、当時は有り難く思いました。 有り難う御座いました。
補足
steel_grayさん、アドバイス有り難う御座います。 コメントを挟む方法ですね。 やってみようと思います。 ただ、見栄え的にコメント以外に方法があればなと思っています。 難しいのでしょうかね。
関連するQ&A
- 表を指定した場所で改行する方法
<table border='1' align='left'> <tr><td>テスト</td></tr> </table> まず上記のように表を作ったとします。 これをCGIで追加すると下記のようにHTML上で横方向に自動的に同じ表が作られて表示されます。 <table border='1' align='left'> <tr><td>テスト</td></tr> </table> <table border='1' align='left'> <tr><td>テスト</td></tr> </table> <table border='1' align='left'> <tr><td>テスト</td></tr> </table> <table border='1' align='left'> <tr><td>テスト</td></tr> </table> これを途中で例えば3番目で改行させたい場合はどうすればいいのでしょうか？。 分かりづらいですがよろしくお願いします。
- 締切済み
- CGI
- 表の中の改行
メモ帳を使ってHPを作っているのですが 表の中に長い文章を書くので改行したいのですが <Br>で改行してもうまくいきません。 表の中で改行出来て縦の中央に配置したい場合 どうすればいいでしょうか？ 1行と2行が入り混じっています。 <Table Border> <Tr> <Td>1行</Td><Td>2行</Td><Td>1行</Td></Tr> </Table>
- ベストアンサー
- ホームページ作成ソフト
- テーブル内にスペースができてしまうのはなぜ？
テーブル内にさらにテーブルを入れた際、一部のセルだけ上部にスペースが空いてしまい 困っています。 下記のhtmlですが、左はテーブル内にテーブルを入れてもスペースができませんが 真ん中だけどうしても上にスペースが空いてしまいます。 全角スペースが隠れていないか確認しましたが無理でした。 ネットでもいろいろ調べましたが分かりませんでした・・・。 これは何が原因なのでしょうか？ よろしくお願いします。 --------------------------------------------------------- <html> <head> </head> <body> <table border="1" width="750"> <tr><td width="150" valign="top"> <table border="1" cellspacing="0" cellpadding="0" width="140"> <tr align="center"><td bgcolor="#green">menu</td></tr> </table> </td> <td valign="top" width="480"> <table border="1" cellspacing="5" cellpadding="0" width="480"> <tr><td bgcolor="#d8de97" height="15" align="left" colspan="2">見出し</td></tr> <tr><td bgcolor="#FFFFCC" width="240">項目名</td> <td bgcolor="#FFFFCC" width="240">項目名</td></tr> <tr><td bgcolor="#FFFFCC" width="240">項目名</td> <td bgcolor="#FFFFCC" width="240">項目名</td></tr> </table> </td> <td width="120" valign="top">広告部分</td></tr> </table> </body> </html>
- ベストアンサー
- HTML
- 特定のセルの値のみ改行しないようにするには？
<table border="1" width="100px" style="table-layout:fixed;"> <tr> <td>あいうえお</td> <td nowrap>かきくけこ</td> </tr> <tr> <td>さしすせそ</td> <td>たちつてと</td> </tr> </table> 上記のコードを実行すると「かきくけこ」とかかれた行だけ改行されなくなります。 この「table-layout:fixed」以外を使って上記のように、「かきくけこ」だけ 改行されないようにするにはどうすればいいでしょうか？ 調べていて「overflow:hidden」というのを見つけましたが、 やり方が悪いのかうまくいきませんでした。 よろしくお願いします
- 締切済み
- HTML
- スクロール式テーブル内での改行を反映させる方法
アメブロのサイドバーでスクロール表示式の<table>タグを使いたいのですが、本文内が改行できず困っています。 アメブロの「フリースペース」「フリープラグイン」のどちらで試しても改行が反映されません。 スクロール素材は以下のソースのものです。 <!--★始まり--> <table cellpadding="7" cellspacing="2" bgcolor="#225599" width="320" style="font-size:13px;"> <tr><th bgcolor="#bbbbbb"> タイトル </th></tr> <tr><td bgcolor="#ffffff"> <textarea rows="6" style="width:100%;border-style:none;scrollbar-base-color:#88f6c6;"> 本文 本文 本文 本文 </textarea> </td> </tr> <tr><td bgcolor="#bbbbbb" height="16"></td></tr> </td> </tr> </table> <!--終わり★--> 「フリースペース」の方で上記タグを入れると、 プレビュー欄に自動で<br />タグが挿入され その状態で本文が表示されてしまいます。 「フリープラグイン」の方では 文字と文字の間で改行ができるものの なんの文字もない部分で「行間を１行あける」という事ができません。 フリースペースでもプラグインでもどちらを使っても構わないのですが 改行を反映させる方法（タグなどの挿入）があるでしょうか？ 上記の<table>タグを使わなくても スクロールができるような素材でしたら構わないのですが。 何かありましたら教えて下さい。
- ベストアンサー
- ブログ
- テーブル内の文字列を改行させたい
<TABLE border="1"> <tr> <TD>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</TD> </tr> </TABLE> これを、ある一定の幅を指定して改行させたいのですが、 CSSを使おうが使わず指定しようが、反映されません。 全角文字だと反映されます。 IE6、IE7で対応させたいと思っています。 CSSでも何でも良いので、どうすれば対応出来るのか ご教示下さい。
- ベストアンサー
- HTML
- tableセル内の長い文章の後半をカットする方法
Internet Explorerで表示することを前提に、テーブルのセル内にある長すぎる文章は後半を表示しないようにすることで、すべてのセルをウィンドウの横幅以内に収めたい考えています。 以下のスタイルシートを用いたHTML文章の場合、ブラウザで表示するのであれば、こちらの考えているレイアウトで表示されるのですが、このページを印刷するときは、長い文章の後半は改行されて複数行で表示されてしまいます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <style> table{width:100%;border-collapse:collapse;border-width:2px;border-color:black;border-style:solid;} td{border-width:1px 2px 1px 2px;border-style:solid;border-color:black;} th{border:solid 2px black;padding:2mm;background-color:#F0F0F0;} div.t{font-size:5mm;overflow:hidden;height:5mm;margin:1mm;word-break:break-all;} </style> <body> <table> <tbody><tr><th>0</th><th>1</th><th>2</th><th>3</th><th>4</th></tr></tbody><tbody> <tr><td><div class="t">文章テスト文章テスト文章テスト文章テスト文章テスト文章テスト</div></td><td><div class="t">文章テスト文章テスト文章テスト文章テスト文章テスト文章テスト</div></td><td><div class="t">c</div></td><td><div class="t">d</div></td><td><div class="t">e</div></td></tr></tbody><tbody> <tr><td><div class="t">a</div></td><td><div class="t">b</div></td><td><div class="t">c</div></td><td><div class="t">d</div></td><td><div class="t">e</div></td></tr></tbody></table> </body> </html> 印刷時にもセル内の文章が改行されず、かつ、すべてのセルが用紙の横幅に収まる方法をお教えください。
- ベストアンサー
- HTML
- 秀丸エディタで半角や全角スペースを自動改行したい。
秀丸エディタを使っているのですが、マクロなどを使って半角や全角スペースを自動で改行するにはどのようにすればいいのでしょうか？ 例えば、全角や半角のスペースを改行したい場合、 日本 アメリカ（全角スペース） 山田 太郎（半角スペース） などを 日本 アメリカ 山田 太郎 のように改行したいです。 よろしくお願いします。
- ベストアンサー
- その他([技術者向] コンピューター)
- エクセルで半角や全角スペースを自動改行したい。先ほどの質問と同様です。
エクセルで半角や全角スペースを自動で改行するにはどのようにすればいいのでしょうか？ 例えば、全角や半角のスペースを改行したい場合、 日本 アメリカ（全角スペース） 山田 太郎（半角スペース） などを 日本 アメリカ 山田 太郎 のように改行したいです。 よろしくお願いします。
- ベストアンサー
- その他([技術者向] コンピューター)
- cssの書き方について
下記の記述をhtmlにしました。 <table border="1"> <tr><th>あああ</th><th>いいいいい</th></tr> <tr><td>ううううう</td><td>おおお</td></tr> </table> <table border="1">のtdやthに有効にさせるcssを記述する際には どのように記述すればよいのでしょうか？ .1で良いのですかね？ よろしくお願いします
- ベストアンサー
- HTML
お礼
かなりの長い間、お礼を述べていなく、大変失礼を致しました。 何度もアドバイスして下さり、当時は有り難く思いました。 お礼が遅くなり、失礼致しました。有り難う御座いました。
補足
steel_grayさん、何度も有り難う御座います。 やはり、無理があるという状態になりますよね。 一行で整えるか、 半角スペースが入ってもHPからの見栄えを良くする方法の どちらかを考えて、作ろうと思います。 アドバイス有り難う御座いました。