どなたか、ご存知の方がいらしたら、ぜひ教えてください。
テーブルで、半角英数のスペースなしでつながっている文字列を
改行(<br>や<p>など)を使わないで、折り返すことってできますか?
たとえばテーブルの幅が100とか決まっていても、
メールアドレスのような、半角英数つながり文字列を入れると
テーブルの幅が延びてしまいます。。。。
どんな方法でも結構ですので、ご存知の方、よろしくお願いします。

A 回答 (2件)

<table style="word-break:break-all">


と指定してやる方法があります。
もちろんブラウザが対応していればの話ですけど。
Internet Explorer 5.0ではうまくいきました。
    • good
    • 0
この回答へのお礼

ttyさん、ありがとうございました。
まさに、このとおりです。
こちら環境でもうまくいきました。
ほんとに、ありがとう。

お礼日時:2001/01/26 15:55

IE4.0以上、NN4.0以上を対象とします。



文字列を適当な長さで区切り、それぞれの区切りを何かのタグで囲むと、その区切り位置では自動改行します。

下記サンプルを表示させてみてください。
この例では、区切りとして<font></font>タグを使用しています。
何もしていない例1と全体をタグで囲んだ例3は自動改行せず、テーブルの幅が伸びていますが、適当に区切ってそれぞれをタグで囲んだ例2は、指定したテーブル幅に収まっています。
========sample==================
<html>
<body>
例1:何もしない<br>
<table width=100>
<tr><td>
宛先はこちら<br>
hoge@hogehoge.co.jp<br>
どんどんメール下さい。<br>
</td></tr>
</table>
例2:英数文字列を区切って、それぞれタグで囲む<br>
<table width=100>
<tr><td>
宛先はこちら<br>
<font>hoge</font>
<font>@</font>
<font>hogehoge</font>
<font>.</font>
<font>co</font>
<font>.</font>
<font>jp</font><br>
どんどんメール下さい。<br>
</td></tr>
</table>
例3:英数文字列全体をタグで囲む<br>
<table width=100>
<tr><td>
宛先はこちら<br>
<font>hoge@hogehoge.co.jp</font><br>
どんどんメール下さい。<br>
</td></tr>
</table>
</body>
</html>
==============以上===========================
    • good
    • 0
この回答へのお礼

ありがとうございます。
でも残念ながら、データベースからデータを持ってくるため、
文字と文字の間にタグを入れるのは難しそうです。
でも参考になりました。
atsuotaさん、ありがとう。

お礼日時:2001/01/23 17:46

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

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QExcelのしつもんです! 関数を用いて1文字目だけを大文字にした半角文字のやり方をおしえてください

Excelのしつもんです!
関数を用いて1文字目だけを大文字にした半角文字のやり方をおしえてください。
変換のやりかたです!そして、A la-99などと半角で表示されていない数字だけをとりだし半角にして、最初の大文字にしたやつと半角にした数字を合体させる方法をおしえてください!

Aベストアンサー

PROPER関数で、1文字目を大文字、2文字目以降を小文字にできます。
ASC関数で、半角で表示できる全角文字を半角文字に変えることができます。

これを工夫してみましょう。

Qテーブル内文字列がテーブル幅を超えたとき

超えた部分の文字を表示しないで
テーブル幅の範囲で表示できる部分だけ表示することはできるのでしょうか?
例えば

<table border='1' width='100%' CELLPADDING='0' CELLSPACING='0'><tr><td>abc...z</td></tr></table>


abc...z
の部分がテーブル幅より長いときには超えた部分はなかったものとして表示するのです

Aベストアンサー

IEの独自拡張ですが、CSSでtext-overflowというスタイルを設定すると全て表示しきれない場合、
abc...
というように最後に...を付けて表示を打ち切ります。
単純にtdに指定してもだめで幅指定したdivブロックへの指定じゃないとだったかも。

幅指定したブロックに指定するならoverflow:auto;を指定しておきたほうがいいかも。(こちらは収まりきれない場合、そのブロックにスクロールバーが表示されます。)

参考URL:http://www6.plala.or.jp/go_west/nextcss/ref/prp/ext_msie/txt_ofl.htm

Qシフトキーなしで大文字の半角英字を打つ方法

キーボードのシフトキーが壊れてしまい、大文字の半角英字が打てなくて困ってます。メールのパスワードに大文字の半角英字があるんです。全角の場合はコード表があるので大丈夫なんですが・・・。
本当ならキーボードを買い替えるのが一番なんでしょうけど、高いので迷ってます。
シフトキーなしで大文字の半角英字を打つ方法はないでしょうか?
よろしくお願いします。

Aベストアンサー

皆さんWINDOWSで回答されてますけど、カテゴリからいってMACの話ですよね・・?

さすがにCAPS LOCKを使わないでスムーズに・・というのは難しいですが、
とりあえずの一時的な方法でしたら、エディタを使ってはどうでしょうか。

私の知ってるものでは、「ミミカキエディット」というフリーのテキストエディタ(参考URL)ですが、例えば
abcde
と打ち込み、その部分を選択し、マウスで長押しします。
するとサビメニューが出てきて、文字種変換ができ、
小文字→大文字を選択すれば
ABCDE
となりますよ。

パスワードは大抵コピペでも大丈夫です。

どちらにしても不便ですね^^;
とりあえず、これで急場を凌いでみてください。

参考URL:http://www.asahi-net.or.jp/~gf6d-kmym/

Qテーブルの幅の固定

テーブルのTD幅をWIDTHで指定しているのですが、入力するテキストによって幅が動いてしまいます。

例)
<table width="50">
 <tr>
  <td width="10">AAAAAAAAAAAAAAAA</td>
  <td width="40">AA</td>
 </tr>
</table>

というような場合、幅の狭い方のセル幅が広くなってしまいます。
また逆に広い方が何度も改行させられて出力されたり、出力させたいテキストによって、いかようにも幅が変更されてしまいます。

他のサイトなども色々調べてみて、半角英数字の場合は特に顕著ということも書かれてあったのですが、半角英数字の出力は必須なんです。
(全角文字の場合でも、完全に固定とはなりませんでした)


やっぱり完全にテーブルのセル幅を固定するのはムリなのでしょうか?
何か解決方法はありますでしょうか?
よろしくお願いします。

Aベストアンサー

こんにちは

連続したアルファベットは改行の対象になりません。
そのため<TD WIDTH=xxx>で指定しても、その幅を超える物を書いてしまうと駄目ですね。
日本語とかであれば、適当な所で改行されます。
昔のHTMLには<WBR>というタグがあったので、これが使えると思います。
A<WBR>A<WBR>A<WBR>A<WBR>A<WBR>A<WBR>A<WBR>A<WBR>A
と言ったようにどこで改行されても良いようにしておけば良いでしょう。
もし、改行して欲しいところがあらかじめ解っているのであれば、普通にスペースを入れるかすれば、そこが改行の対象になります。

Q英字の半角大文字

@niftyのcombo会員というのに
なりましたが、はじめログインするのに
パスワードを英字の半角大文字で入力しないといけ
ないのですが、設定のしかたが悪いのか
どうしても英字の半角大文字を入力出来ません。
(パスワードを入力するところは変換およびコピーが
できないので はじめに英字の半角大文字が入力出来
ないといけないのですが それができません。)
WIN95を使っているので、MS-IME95
なのですが、設定の仕方を知っている人は
教えてください。

Aベストアンサー

英字半角大文字は、通常はShiftキイを押して入力できます。また、CapsLockキイを押してCapsLockモードにすると大文字入力(Shiftキイを押すと小文字入力)されるようになります。
入力になれるため、メモ帳などで一度試してみるとよく判ると思います。

Q固定幅div内のテーブルセルの幅指定方法

幅を指定して横スクロールバーを有効にしたdivがあります。
その中に、divよりも幅の広いtableを置き、thやtdの幅を指定したいのですが、有効になりません。
tableへの幅指定は有効になるのですが、内容が動的に変化するので、セル単位で幅を指定したいと思っています。
解決方法がありましたらお願いいたします。

HTML:標準モード
UA:Windows xp IE6
サンプルコード:
<style>
div{
height:200px;
width:200px;
overflow-x:scroll;
border:#f99 solid 1px;
}
table{
background:#ddd;
border:#666 solid 1px;
}
td{
width:100px;
border:#666 solid 1px;
}
</style>


<div>
<table>
<tr>
<td>サンプルテキスト</td>
<td>サンプルテキスト</td>
<td>サンプルテキスト</td>
<td>サンプルテキスト</td>
<td>サンプルテキスト</td>
<td>サンプルテキスト</td>
</tr>
</table>
</div>

幅を指定して横スクロールバーを有効にしたdivがあります。
その中に、divよりも幅の広いtableを置き、thやtdの幅を指定したいのですが、有効になりません。
tableへの幅指定は有効になるのですが、内容が動的に変化するので、セル単位で幅を指定したいと思っています。
解決方法がありましたらお願いいたします。

HTML:標準モード
UA:Windows xp IE6
サンプルコード:
<style>
div{
height:200px;
width:200px;
overflow-x:scroll;
border:#f99 solid 1px;
}
table{
background:#ddd;
border...続きを読む

Aベストアンサー

 このようにしたいのでしょうか。↓
<html>
<head>
<style type="text/css">
<!--
div{
height:200px;
width:200px;
overflow-x:scroll;
border:#f99 solid 1px;
}
table{
table-layout: fixed;600px;
background:#ddd;
border:#666 solid 1px;
}
td{
width:100px;
border:#666 solid 1px;
}
-->
</style>
</head>
<body>
<div>
<table>
<tr>
<td>サンプルテキスト</td>
<td>サンプルテキスト</td>
<td>サンプルテキスト</td>
<td>サンプルテキスト</td>
<td>サンプルテキスト</td>
<td>サンプルテキスト</td>
</tr>
</table>
</div>
</body>
</html>

参考URL:http://www.tohoho-web.com/css/reference.htm#table-layout

 このようにしたいのでしょうか。↓
<html>
<head>
<style type="text/css">
<!--
div{
height:200px;
width:200px;
overflow-x:scroll;
border:#f99 solid 1px;
}
table{
table-layout: fixed;600px;
background:#ddd;
border:#666 solid 1px;
}
td{
width:100px;
border:#666 solid 1px;
}
-->
</style>
</head>
<body>
<div>
<table>
<tr>
...続きを読む

QExcel97で半角小文字で打った文字を半角大文字にする方法はありますか?

海外の部署名を入力していたところ、
半角大文字で入力しなければいけないものを
半角小文字で入力してしまいました。
おまけに単語の頭の部分は大文字で・・・

例)Marketing&Sales(誤)→ MARKETING&SALES(正)

また、半角小文字で入力したものを全角大文字にもしなければなりません・・・

例)Marketing&Sales(誤)→ Marketing&・・・

全部で100個はあります。
全部一から打ち直しするしか方法はないのでしょうか?
一番早い変換方法などはありませんでしょうか?
どなたか教えていただけませんでしょうか?
よろしくお願い致します。

Aベストアンサー

A1セルに文字列があるとして、
全角を半角に→ASC(A1)
半角を全角に→JIS(A1)
先頭文字だけ大文字に→PROPER(A1)
の関数で簡単に変換できますよ。
例:A1セルの(MAKING,CO)を半角、先頭大文字に変えたい場合は→PROPER(ASC(A1))になります。変換後(Making,Co)
エクセルの中では、文字列操作関数にありますので、詳しくはそちらを拝見ください。
セルのコピーなどでうまくいくといいですね。

Q4カラムのテーブルに絶対幅と相対幅の混在指定の可否

以下のHTMLで、1列目は20ピクセル(?)、2列目は100ピクセルに幅が固定されているとして、
3~4列目、黄色と青のカラムの幅を均等に揃える方法はありませんか。

3~4列目の幅を<col=50%>ととると、1~2列目の幅が侵食されて崩れます。
ごらんのとおり、テーブル自体の幅は100%なので、モニタやブラウザの表示幅によってテーブル自体の幅も異なってくるため、
4カラムのテーブルのうち、1~2列目は絶対幅、3~4列目と相対幅と混在指定できればよいのですけど。


<html>
<body>
<table border=1 cellpadding=3 cellspacing=0 width=100%>
<col width=20>
<col width=100>
<col>
<col>
<tr>
<th rowspan=2 style="writing-mode: tb-rl;">基本情報</th>
<th>プロジェクト</th>
<td colspan=2>あいうえおあいうえおあいうえおあいうえお
</tr>
<tr>
<th>概要</th>
<td colspan=2>ああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</td>
</tr>
<tr>
<th colspan=2>コメント</th>
<th bgcolor=yellow>当方から</th>
<th bgcolor=blue>先方から</th>
</tr>
<tr>
<th colspan=2>第1回会合</th>
<td>◆ いいいいいいいいいいい<br>◆ うううううう</td>
<td>◆ ええええええええええええええ<br>◆ おおおおおおおおおおおおおおおおおおおおおおおおおおおおお</td>
</tr>
</table>

</body>
</html>

以下のHTMLで、1列目は20ピクセル(?)、2列目は100ピクセルに幅が固定されているとして、
3~4列目、黄色と青のカラムの幅を均等に揃える方法はありませんか。

3~4列目の幅を<col=50%>ととると、1~2列目の幅が侵食されて崩れます。
ごらんのとおり、テーブル自体の幅は100%なので、モニタやブラウザの表示幅によってテーブル自体の幅も異なってくるため、
4カラムのテーブルのうち、1~2列目は絶対幅、3~4列目と相対幅と混在指定できればよいのですけど。


<html>
<body>
<table border=1 cell...続きを読む

Aベストアンサー

相対幅と混在指定というより、プロジェクトを分割したくないという意味ですよね?

3~4列目の幅を<col=50%>とし、<th nowrap=nowrap>プロジェクト</th>としてください。
nowrapは分割禁止の意味です。

Q半角英数字を大文字に変換する方法、初心者です。

HPの設定の過程で英数字の小文字と大文字で出来たパスワードを入れるようになってます。

半角小文字はキーボード左上の「半角/全角 漢字」を押せば入ってると思うんですが
(注:記号を打ち込んでも***の記号で表示されるため分からないのです)
英数字を半角大文字に変換するのはどのようにしたらよいのでしょうか?

打ち込んで記号、英数字を表示されるのであれば出来るんですが… 

質問の内容が少し分かりづらいかもしれませんが宜しくお願いします。

Aベストアンサー

半角英数字の状態で、Shiftを押しながら打ち込めば大文字になりますよ。

Q文字サイズ変更でテーブル要素(幅の値を指定済み)の幅が変化しないようにするには?

宜しくお願いします。

[症状]
TABLE・TDタグにて、幅をしているすると、
文字サイズ:小 で見るときは、設定した値の
適正地が反映されるが、文字サイズ:中 以上に
設定すると、TABLEで設定最多幅は有効なままで
あるが、TDで設定した値は完全に無視される形で、
テーブルの中のバランスが乱れてしまう。

[ソース]

<table width="750" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="white" style="border-collapse:collapse ">
<tr>
<td style="width:250px; ">あ</td>
<td style="width:300px; ">い</td>
<td style="width:200px;">う</td>
</tr>
<tr>
<td>え</td>
<td>お</td>
<td>か</td>
</tr>
</table>

[コメント]
特に変哲のないソースだと思います。
あ~か の文字のところには、それぞれもう少し長い
文章が入る形となります。

[質問]
文字サイズをブラウザ上で変更しても、
TDの幅が変わらないようにしたい。
その際に、文字のサイズを固定はしたくないです。

[その他]
styleではなく、width指定しても
効果がありませんでした。

宜しくお願いします。

宜しくお願いします。

[症状]
TABLE・TDタグにて、幅をしているすると、
文字サイズ:小 で見るときは、設定した値の
適正地が反映されるが、文字サイズ:中 以上に
設定すると、TABLEで設定最多幅は有効なままで
あるが、TDで設定した値は完全に無視される形で、
テーブルの中のバランスが乱れてしまう。

[ソース]

<table width="750" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="white" style="border-collapse:collapse ">
<tr>
<td style="width:250px; "...続きを読む

Aベストアンサー

スペーサーを使います。
文字サイズのために,幅が大きくなることが原因ではなくて,空白部分のあるセルが横のセルによって縮まることが原因だからです。

イメージ的には「つっかえ棒」を入れるのです。
スペーサーは普通,透明なGIFですが,そうではなくて,各列のタイトル部分だけを画像にして,スペーサー兼見栄えの良い列タイトルとすることもあります(私はこちらの方法をよく使います)。

参考URLなどを参考にしてみてください。

参考URL:http://www5c.biglobe.ne.jp/~horoau/html/spacer_gif.html


人気Q&Aランキング