.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について
-
Yahoo!ブログで続きを読む
-
文の行変えが自分のPCとインタ...
-
gooブログの閲覧
-
gooブログの記事が、消去される...
-
gooブログは有料なんですか? ...
-
アメブロのIDとIPアドレスがま...
-
アメブロで、右クリック禁止に...
-
goo ブログ
-
ブログのおもしろさ教えてくだ...
-
裏セグメントってなんですか? ...
-
文字をクリックすると他のHPへ...
-
ブログ記事をすべてダウンロー...
-
裏も表もない物
-
検索されないようにしたいんですが
-
ケント紙の表と裏
-
Frickr の写真利用について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
csvファイルの文章に一括で改行...
-
Access 改行コードに置き換え
-
パソコンで作成のブログを携帯...
-
記事の下にスクロールバーが表...
-
livedoorブログ・タイトルの下...
-
ブログタイトルを2行にしたい
-
ブログの改行が一段大きくなり...
-
ライブドアブログへの表の挿入...
-
Gooブログの一行の文字数(...
-
文字数の自動改行設定方法
-
gooブログのサイドバーへのリン...
-
MediaWikiでの改行について
-
Seesaaブログで改行が思うよう...
-
至急お願いします。 ワードの表...
-
WordPressでブログ書く場合、 ...
-
linux mintで作成したメモをwin...
-
1行ごとに改行するのは何故でし...
-
携帯からmixiへ投稿すると改行...
-
読みやすい改行の仕方。
-
ホームページ 無用な空白を詰...
おすすめ情報