100/7%ではなく100%/7。(100/7)%ではなく(100%/7)

CSS

当初

　状態:- 　閲覧数:3,079 　投稿日:2018-04-15 　更新日:2018-04-15

分数計算した結果を記述


14.28571%
width: calc(14.28571% - (15px + 15px / 7));

割り切れないので修正


期待した通り動作しない
width: calc(100/7% - (15px + 15px / 7));

期待した通り動作しない
width: calc( (100/7%) - (15px + 15px / 7));

期待した通り動作
width: calc(100%/7 - (15px + 15px / 7));


階層表示 ／ ウィキペディア（Wikipedia）方式

縦中央配置するには、親要素に2行追加。display: flex; align-items: center;



類似度ページランキング
順位 ページタイトル抜粋 ％
1 100/7%ではなく100%/7。(100/7)%ではなく(100%/7) 32
2 utf-8ではなく、UTF-8 15
3 画像編集系ソフトウェアの分類。ラスタ、ベクタだけではなく 15
4 #0000CDは群青色ではない？ 15
5 半透明borderは、16進数カラーコードではなくRBGAを使用 14
6 CSSは、//でコメントアウトできない。1行でも複数行でも、構文は、/* コメント */ のみ 14
7 コピペ出来ないWebページをコピペ出来るようにするためには？ 2017年 14
8 Chromeが重くて困っている。解決できない 14
9 「.hoge h4:before:nth-child(5n+1)」ではなく「.hoge h4:nth-child(5n+1):before」 13
10 height:100%;の効果を打ち消す(あるいは上書きする)には、height:auto!important; 13
11 HTMLで「1つのタグにidを複数指定」は出来ない！ 13
12 「DALL·E 2 - OpenAI」を使用してみた感想。2022 年 7 月 31 時点では、デザイン実務に耐えられるレベルではないと思いました。 13
13 UIテキスト仕様調査「ログイン」 ／ 2018/2/17 12
14 「Google Chrome を起動後、100%の確率で3分以内に落ちる」場合は、アンインストール後インストールし直すしかない 12
15 Chromeだけが日本語入力できない。秀丸は日本語入力できる 12
16 CSSでループ処理。一定間隔で(背景色等を)繰り返し指定する 12
17 Chromeで(TikTokなど)特定Webサイトの音を消すには、該当タブを右クリック後、「サイトをミュート」をクリックします。 12
18 要素。width と height 属性を指定しなかった場合、(内容のいかんに関わらず)幅 300 ピクセル、高さ 150 ピクセルで表示される 12
19 Chrome「39.0.2171.95 m」でデザインが崩れる 12
20 画面キャプチャ 2017 年 12
2025/12/16 9:33 更新
週間人気ページランキング ／ 12-9 → 12-15
順位 ページタイトル抜粋 アクセス数
1 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 75
2 RGBの種類 ／ ビットカラー | RGB(色) 4
2 ログイン 4
2 効果を打ち消すスタイルシート | CSS 4
2 Adobe Camera Raw 4.0 | Photoshop 4
3 Illustratorでaiファイルを保存する際、下位バージョンでも開けるよう保存する | Illustrator CS3(Illustrator) 3
3 Design 0 3
3 ユーザコメント一覧ページ 3
3 色モデルイメージ図 | 色変換(色) 3
4 HLS ／ HSL 2
4 HSV ／ HSB 2
4 CSSトラブル対応(CSS) カテゴリー 2
4 RGB ⇔ XYZ ／ CIE RGB ／ sRGB(D65) ／ sRGB(C) ／ Adobe RGB ／ NTSC RGB 2
4 「隣接する直前要素」で「最初の要素以外」を指定するCSSセレクタは、囲う要素 直前要素:not(:first-child):has(+ 直後要素){} | CSS 2
4 「Google Chrome」を再起動するためには「chrome://restart」へアクセスします。 | Google Chrome(ブラウザ) 2
4 RGB ⇔ Lab | 色変換(色) 2
4 SeaMonkey 2.7.2 2
4 ページ読み込みが完了しない | Google Chrome(ブラウザ) 2
4 デフォルトの「Google Chrome」ではURL欄にwwwが表示されないため、「Microsoft Edge」を使用する | Google Chrome(ブラウザ) 2
4 2系(Bootstrap) カテゴリー 2
2025/12/16 1:01 更新