[過去ﾛｸﾞ]
HTML/CSS のどんな質問にも優しく答えるｽﾚ 52 (1002ﾚｽ)
HTML/CSS のどんな質問にも優しく答えるｽﾚ 52 http://mevius.5ch.net/test/read.cgi/hp/1692784333/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索
歴削→次ｽﾚ
栞削→次ｽﾚ
過去ﾛｸﾞﾒﾆｭｰ
117: Name_Not_Found [sage] 2023/09/09(土) 18:45:24.00 ID:??? なにこの良スレ http://mevius.5ch.net/test/read.cgi/hp/1692784333/117
118: Name_Not_Found [sage] 2023/09/09(土) 19:11:42.35 ID:??? <ul> <li>◎◎◎</li> <li>◎◎</li> <li>◎◎◎◎◎</li> <li>◎◎</li> <li>◎◎◎◎</li> <li>◎◎◎◎</li> <ul> こんなHTMLで下記のように最大の文字数(この場合は全角５文字)を基準として各子要素を同じ幅で割り振りたいのですがどうすればいいですかね flexでもgridでもかまわな
いのですが <li> にwidthをあてて別に差し支えはないのですが、同様な記述が10数カ所あるもんでもう少しスッキリできないかと… ・◎◎◎ ・◎◎ ・◎◎◎◎◎ ・◎◎ ・◎◎◎◎ ・◎◎◎◎ http://mevius.5ch.net/test/read.cgi/hp/1692784333/118
119: Name_Not_Found [sage] 2023/09/09(土) 19:35:25.38 ID:??? grid-template-column: repeat(3, 1fr); http://mevius.5ch.net/test/read.cgi/hp/1692784333/119
120: Name_Not_Found [sage] 2023/09/09(土) 20:20:45.75 ID:??? >>119 書きそびれたけど、最大文字数によっては子要素が２つになったり５つになったりするんですよねえ http://mevius.5ch.net/test/read.cgi/hp/1692784333/120
121: Name_Not_Found [sage] 2023/09/09(土) 20:24:25.64 ID:??? auto-fillかauto-fit好きな方 http://mevius.5ch.net/test/read.cgi/hp/1692784333/121
122: Name_Not_Found [sage] 2023/09/09(土) 20:31:29.72 ID:??? grid便利そうなんだけど覚えきれない ジェネレーターで使ってやるぐらいだわ 偉いなお前らは http://mevius.5ch.net/test/read.cgi/hp/1692784333/122
123: Name_Not_Found [sage] 2023/09/09(土) 21:50:56.10 ID:??? auto-fit大好き http://mevius.5ch.net/test/read.cgi/hp/1692784333/123
124: Name_Not_Found [sage] 2023/09/10(日) 00:28:44.28 ID:??? flexboxしか使わんけどgrid必要な場面がまったくない http://mevius.5ch.net/test/read.cgi/hp/1692784333/124
125: Name_Not_Found [sage] 2023/09/10(日) 03:20:37.16 ID:??? auto-fillやauto-fitはflex-wrapでは代替がきかないな grid-areaもorderにはできないことができる display:contentも組み合わせれば大体のデザインはワンソースでできる http://mevius.5ch.net/test/read.cgi/hp/1692784333/125
126: Name_Not_Found [sage] 2023/09/10(日) 05:50:08.75 ID:??? >>124 PC時は 左に画像、右に見出しとリード SP時は 上から 見出し、画像、リード これのためだけにgrid使ってる http://mevius.5ch.net/test/read.cgi/hp/1692784333/126
127: Name_Not_Found [] 2023/09/12(火) 13:16:44.22 ID:ZyApT9EM チェックボックスを用いてフィルタリングが出来るフォームを作ろうとしています。 □全部 □円形 □四角形 □青色 □緑色 とチェックボックスが並んでおり、その下には 丸くて青色・四角くて青色・丸くて緑色・四角くて緑色 ・・・のオブジェクトが並んでいて、チェックボックスにチェックを入れる事で該当のオブジェクト以外がhiddenになるようなイメージです。 実装自体は出来そうなのですが、挙動をどうするかで悩んでおりアドバイスを頂きたいです。 例えば「円形」「四
角形」 の両方にチェックを入れた時、挙動としては （１）円形かつ四角形のオブジェクトを可視化 （２）円形のオブジェクトと四角形のオブジェクト、および円形かつ四角形のオブジェクトを可視化 のいずれが適切というか、ユーザから見て自然でしょうか。 （上の例では円形と四角形しか無いですが、実際には両方をあわせ持つオブジェクトもあるものと想定して頂きたいです） http://mevius.5ch.net/test/read.cgi/hp/1692784333/127
128: Name_Not_Found [sage] 2023/09/12(火) 14:47:08.43 ID:??? 自分は2 http://mevius.5ch.net/test/read.cgi/hp/1692784333/128
129: Name_Not_Found [sage] 2023/09/12(火) 14:52:45.66 ID:??? 個人的には2だが逆の人いるんだよな orかandかのラジオボタンも作っちゃえば http://mevius.5ch.net/test/read.cgi/hp/1692784333/129
130: Name_Not_Found [sage] 2023/09/12(火) 17:22:16.78 ID:??? >>127 俺も 2 http://mevius.5ch.net/test/read.cgi/hp/1692784333/130
131: Name_Not_Found [sage] 2023/09/12(火) 19:02:35.63 ID:??? 自分は1 hiddenにしていくなら1が自然だと思う 絞り込み検索って書いておいてくれるとなお嬉しい感じ 2の挙動は初期状態が表示件数ゼロで項目を足していく時に使うのが自然に感じる http://mevius.5ch.net/test/read.cgi/hp/1692784333/131
132: Name_Not_Found [] 2023/09/14(木) 13:06:02.38 ID:aPP30ZSe tableの作り方で質問です。 こんなテーブルを作ろうと思っています。 a: colspan=2 b: colspan=2 c: colspan=4 d: 指定不要 e: colspan=2 f: 指定不要 とすればよいと思うのですが、 テーブル全体の幅やeとfの中身のテキスト量にかかわらず eとfの幅が均等な状態を維持したいです。 その場合、どのように設定すればよいでしょうか。 必要な情報かわからないですが以下補足です。 aとdのwidthは固定、 bはテーブル全体の幅からaの幅を引いた幅 cは未固定（テーブル全体の幅） eとf
はテーブル全体の幅からdの幅を引いた幅を2分した大きさとなるようにしたいです。 sssp://o.5ch.net/21xso.png http://mevius.5ch.net/test/read.cgi/hp/1692784333/132
133: Name_Not_Found [sage] 2023/09/14(木) 13:48:54.86 ID:??? dが固定ならefはcalc使えばよさそうだけど tableだとダメとかあるんかな http://mevius.5ch.net/test/read.cgi/hp/1692784333/133
134: Name_Not_Found [sage] 2023/09/14(木) 14:04:55.94 ID:??? >>132 <col>を用意してそれにwidthを指定したらよいのでは http://mevius.5ch.net/test/read.cgi/hp/1692784333/134
135: 132 [sage] 2023/09/14(木) 15:05:02.01 ID:??? colタグの存在を初めて知りました。 calcを用いた指定と合わせて試してみたのですが、やり方や考え方が間違っているんでしょうか… https://codepen.io/Nickey-the-looper/pen/MWZoPJv http://mevius.5ch.net/test/read.cgi/hp/1692784333/135
136: Name_Not_Found [sage] 2023/09/14(木) 16:40:54.34 ID:??? grid使うとか他にもっと良い方法があるのかもしれないけど、とりあえずtable使うということで ・tableの最上段にダミーでtr1行追加 ・更にbと同一幅のセルを左から4番目に追加 ・最上段だけvisibility: collapse;で不可視化（hiddenだとレイアウトからも除去されるので） ってのはどうでしょう？ https://jsfiddle.net/dumov8ng/ http://mevius.5ch.net/test/read.cgi/hp/1692784333/136
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 866 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.008s