王初宝のホームページの開発クラスの第1週の宿題の開発の日誌


実は私は20歳の初めにhtmlとcssをつけて食べたことがあります...
だから私はこの簡単なhtmlとcssが横になって食べたと思っています.
でもどうして?

私はimgタグも移動できない人になりました.
そうですね.コードを続けないと忘れてしまいます...
勉强をやり直す気持ちでやります.
そこで最後に作業説明を参考にすることにした.
先生は申し訳ありません.私は簡単な方法を使う必要がある学生です!
しかし、先生も私にコードを書かせました.
私は先生の話をよく聞く学生だからです.

私もバックグラウンドで商品イメージを扱うことにしました^^
まだコツコツ

移動しました!どうせ結果は良かったのでOKだと思います
紧急消灯したあともコード...
そんな問題がまた来た

これは何ですか?どうしてまた落ちましたか?
どうやって真ん中に移動しますか?髪の毛が複雑になります...
解説を見ないで、自分でやってみることにした.
表示ボタン:block;指定はどうですか.
button class="btn btn-primary btn"
元のクラス名に触れるのが怖いので、複数のクラスでbtnを再指定し、blockを指定してみます

全然ドアがない.
ここで思い出したのはbuttonタグをdivで包んでから移動したあの...
解説はそうではありません.はい、大人は答えがあると思わず見てしまいます答案用紙を参考にしてもう一度やってみることにした

先生、大変なことになりました.答案用紙に写しました!!
いずれにしてもwidth値は文字の大きさより小さいので、文字は横に突き出た形になっていますが、marify:autoは文字の真ん中に移動したようです...これはどうやって解決しますか?
<div class="btn">
<button class="btn btn-primary" type="submit">주문하기</button>
</div>

.btn{
            width:200px;
            margin: auto;
        }
divでまた縛っただけで…^^強引にwidthを大きくして、下に落として、ほほほ、結果はとても良くて、ok

そんなこんなでついつい完成してしまいました….
inline blockタグを勝手に書いていましたが、満足です
虫コード终了!