![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
.tarminal{
margin: 18px;
margin-right:20%;
padding: 7px;
border: 1px red dotted;
background: black;
color: #AAA;
font-size: 8px;
letter-spacing: 0.12em;
line-height: 1.96;
}
左から右への普通のテキストの話です。アラビア語ではないです。
これのボックスの右端で改行させたいです。
普通に書くと
"/Boryumushadoukopi-/makkubukku/2013-08-18-000119"
"/Boryumushadoukopi-/makkubukku/2013-08-25-124532"
"/Boryumushadoukopi-/makkubukku/2013-09-01-001555"
"/Boryumushadoukopi-/makkubukku/2013-09-16-013322"
のようにきりに良いところで改行されてしまいます。
しかし、右側部分に余白が大きくできてしまいますので、
"/Boryumushadoukopi-/makkubukku/2013-08-18-000119" "/Boryumu
shadoukopi-/makkubukku/2013-08-25-124532" "/Boryumushadoukopi
-/makkubukku/2013-09-01-001555" "/Boryumushadoukopi-/makkubu
kku/2013-09-16-013322"
のよにワードラップを無視した見た目にしたいです。
" "ここを<span white-space: nowrap; >" "</span>みたいなので囲むとまた別のところで改行がでてしまいます。
手動で改行を入れる方法も考えたのですが、ブラウザごとにフォントが違ったりするとボックスからはみ出たりしそうで怖いです。
素敵な方法を教えてね☆
No.1
- 回答日時:
HTML内にコードを記述する際は、
<pre><code>コード
コード
</code></pre>
とするのが一般的なようです。
CSSとして
pre{
width:95%;/* 適当な横幅を指定 */
overflow-y:auto;/* 横にはみ出したらスクロールを表示 */
border:1px solid #ccc;
white-space:pre;
/*後はマージンやパディングとボーダーを使いボックスを表現し見栄えを整えるとよろしいかと */
}
pre code{
display:block;/* ブロック化 */
}
preを使うとHTML内で書いた通りの場所で改行されます。
CSSの改行を使うのもいいですけど<wbr>←改行可能ならば改行、を使う方法もあるようです。
この回答への補足
うーん、改行を意図的に入れたいっていうわけじゃないんです。
勝手に右端で改行してほしいんです。
しかも、ワードラップを無視して!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
csvファイルの文章に一括で改行...
-
HTMLについて
-
ID.非公開に出来ましたよ。
-
アメブロのアメンバー限定みた...
-
ブログ記事をすべてダウンロー...
-
林あさ美さん今どうしてますか
-
画像挿入
-
完全にプライベートな日記とし...
-
gooブログの閲覧
-
ヤプログって非公開に出来ますか?
-
Gooブログ無料版へから有料版へ...
-
風船を飲み込むマジック
-
質問履歴、解答履歴を非公開に...
-
ブロガーの方、ブログ用写真の...
-
非公開のつもりで作成したホー...
-
日記無料レンタルオススメサイ...
-
Bタイプ車検証って、何のため...
-
FC2ブログで簡単に絵文字を...
-
4桁パスワード解読方法
-
ワードやエクセルで作った表を...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
csvファイルの文章に一括で改行...
-
Access 改行コードに置き換え
-
パソコンで作成のブログを携帯...
-
記事の下にスクロールバーが表...
-
livedoorブログ・タイトルの下...
-
ブログタイトルを2行にしたい
-
ブログの改行が一段大きくなり...
-
ライブドアブログへの表の挿入...
-
Gooブログの一行の文字数(...
-
文字数の自動改行設定方法
-
gooブログのサイドバーへのリン...
-
MediaWikiでの改行について
-
Seesaaブログで改行が思うよう...
-
至急お願いします。 ワードの表...
-
WordPressでブログ書く場合、 ...
-
linux mintで作成したメモをwin...
-
1行ごとに改行するのは何故でし...
-
携帯からmixiへ投稿すると改行...
-
読みやすい改行の仕方。
-
ホームページ 無用な空白を詰...
おすすめ情報