[過去ﾛｸﾞ] HTML/CSS のどんな質問にも優しく答えるｽﾚ 50 (1002ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
969(1): 2022/10/29(土)12:41 ID:??? AAS
>>968
codeに
white-space:normal ;
追加でどうすか
970(2): 2022/10/29(土)12:41 ID:??? AAS
>>968
再現できてる？
外部ﾘﾝｸ:jsfiddle.net
971: 2022/10/29(土)12:48 ID:??? AAS
> ウィンドウサイズを変更しても最初の描画した幅から小さくならず
どういうこと？
ちょっと何言ってるか分からない
972: 2022/10/29(土)13:04 ID:8Q5qVqs2(1/2) AAS
昨日から色々やってみたのですが
親要素をウィンドウサイズによって幅の変更をしたいため100%にしてます
その中でpre,codeをwidth:100%ってやると子要素の大きさで親要素の幅が決まってしまって結局:子要素の幅=子要素の幅のようになってるみたいです
973: 2022/10/29(土)13:06 ID:8Q5qVqs2(2/2) AAS
ちなみに親要素はdivです
子要素に影響されないように親の要素(ここではウィンドウサイズ)のみ影響を受けるようにすることってできますか？
974(1): 2022/10/29(土)13:22 ID:??? AAS
>>970に答えろ
975: 2022/10/29(土)13:40 ID:rLG6Jdtj(3/7) AAS
>>974
そいつはちゃんと望む動きになってますね
976: 2022/10/29(土)13:41 ID:rLG6Jdtj(4/7) AAS
>>969
normal追加するとウィンドウサイズの縮小によって小さくなりましたが
コードが空白行含まないのでぐちゃぐちゃになってます
977: 2022/10/29(土)13:43 ID:rLG6Jdtj(5/7) AAS
>>970
コピペで自分の環境でやろうとするとダメですね
978(1): 2022/10/29(土)13:49 ID:??? AAS
書かれてる通りにコードを書くとこうなるけど、何をしたいのかがサッパリ分からん
外部ﾘﾝｸ:jsfiddle.net
> 子要素の大きさで親要素の幅が決まってしまって
違う。子要素のwidthを％指定した場合、親要素の幅によって子要素の幅が決まる。
979: 2022/10/29(土)13:58 ID:rLG6Jdtj(6/7) AAS
>>978
そのやつだとうまく言ってるんですよね
なんでできないんだろ…
980(1): 2022/10/29(土)14:09 ID:??? AAS
親要素に固定値で幅を指定している可能性
981(2): 2022/10/29(土)14:17 ID:??? AAS
980踏んでたから次スレ置いとくね
必要なら保守よろしく
HTML/CSS のどんな質問にも優しく答えるｽﾚ 51
2chｽﾚ:hp
982: 2022/10/29(土)15:06 ID:rLG6Jdtj(7/7) AAS
ちょっと難しそうなので幅の調整は諦めます
色々提案していただきありがとうございました
983: 2022/10/29(土)15:27 ID:??? AAS
>>981
乙〜
984(2): 2022/11/03(木)02:43 ID:??? AAS
画像のように複数のテキストの下部 + テキストのラップdiv上下に
点線を配置する方法ってありますか？
外部ﾘﾝｸ:imgur.com
テキストはspanで囲ってbackground-imageで
ドット用の画像 or linear-gradientでドットを実装しましたが
外部ﾘﾝｸ:imgur.com
のようにinlineのためdivの幅目一杯まで広がりません。
またテキストの最終行のドットはbackground-imageのため消せません。
（divの下部にドット画像を配置するため重複してしまいます。）
どなたか教えて頂けるとありがたいです。
985: 2022/11/03(木)03:46 ID:??? AAS
>>984
こういうのじゃダメなの？
CSSのみでノートの罫線のようなスタイルを実装する方法【実線・点線】
外部ﾘﾝｸ:web-dev.tech
986: 2022/11/03(木)06:32 ID:??? AAS
>>984
今の時代はそういう風に画像を使って装飾よりもCSSで表現する方が主流だよ
この方が扱いやすいのでそういう方面を勉強しとくとこの先助かるよ
987: 2022/11/07(月)17:12 ID:??? AAS
新機能勉強しときましょ～
2022年、注目しておきたいCSSの新機能のまとめ
外部ﾘﾝｸ[html]:coliss.com
988: 2022/11/12(土)12:59 ID:??? AAS
tableタグにcssで一括でスタイルをつけていますが、
特定のTDセルだけ変更したいのですがどうしたらよいのでしょうか？
fontsizeがtest.td優先になって変わりませんでした。
table.test td {
text-align: center;
font-size:10px;
}
.maguro {
border-right: 3px solid #00FF00;
background-color: #00FF00;
省8
上下前次1-新書関写板覧索設栞歴
あと 14 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.010s