html でlayoutの基本はgridでよいのでは？ 　横に並べたり、縦に並べたり

-

基本的なサイトで、

シンプルなレスポンシブなどのサイトを構築する時

もう、display: grid;を使ってlayoutするのが一番、無難なのでは？


横　3列で均等割で表示したい時

css 

-----

        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px; 

-----

     grid-template-columns: repeat(3, 1fr);
   

部分の3を2 や1にして調整すればよいです。

あとは、隙間をgap　で調整すれば良い感じにできるのでおすすめです

コメント

コメントを投稿

このブログの人気の投稿

【iOS】Swiftでtransformから角度、ラジアン、ディグリー、スケールを求める

-
メモ Swift 4 でtransformから角度、ラジアン、ディグリー、スケールを求める 忘れがちなので・・・。 let transform = view.transform let radians = atan2(transform.b, transform.a) let degrees = radians * 180 / .pi let scale = sqrt(abs(transform.a * transform.d - transform.b * transform.c)) import CoreGraphics extension CGAffineTransform { var angle: CGFloat { return atan2(b, a) } var radians: CGFloat { return angle } var degrees: CGFloat { return angle * 180.0 / CGFloat.pi } var scale: CGPoint { return CGPoint(x: sqrt(a * a + c * c), y: sqrt(b * b + d * d)) } } // 例として、適当な CGAffineTransform を作成 let transform = CGAffineTransform(rotationAngle: CGFloat.pi/4).scaledBy(x: 2.0, y: 1.5) let angleInRadians = transform.radians let angleInDegrees = transform.degrees let scale = transform.scale print("Angle in radians: \(angleInRadians)") print("Angle in degrees: \(angleInDegrees)") print("Scale: \(sca
続きを読む

【android】PdfDocumentとPdfRenderer を利用しPDFの作成と表示 (java)

-
今更になってしまいますが、 android API レベル 19 からPDFの操作が可能になっていたようです。 インポートするのは 「android.graphics.pdf」になります。 この中にある、PdfDocument やPdfRenderer などのクラスを利用すれば、 生成や表示関連ができそうです。 iOSは大分前からあったので、よかったのですが、 今までandroidは別途ライブラリを利用して、表示したり、生成していました。 APIレベルが19以上なので、OS 4.4 以上となりますが、 2016年頃には4.4または、5.X以上が主流となっているはずなので、 覚えていた方が良いかと思います。 動作を確かめたわけではないですが、 妄想で作成するコード書いてみた。 PdfDocument document = new PdfDocument(); PageInfo pageInfo = new PageInfo.Builder(100, 100, 1).create(); Page page = document.startPage(pageInfo); Canvas c = page.getCanvas(); // 好きな内容を書く c.drawText("aaa", 0, 3, 0, 0, new Paint()); document.finishPage(page); File file = new File("保存先"); OutputStream out = null; try { out = new BufferedOutputStream(new FileOutputStream(file)); document.writeTo(out); document.close(); } catch (IOException e) { e.printStackTrace(); } こんな感じでいけるかな？ 2024/06/10　追記 もう少し見やすいように書いてみた public class PdfCreator { publi
続きを読む

【iOS】UIViewControllerのライフサイクル (Swift)

-
いまさら聞けない、 Swift UIViewControllerのライフサイクル  下記が主なイベント class ViewController : UIViewController {     override func viewDidLoad () {         super . viewDidLoad ()         print ( "viewDidLoad" )     }          override func viewWillAppear ( _ animated: Bool ) {         super . viewWillAppear (animated)         print ( "viewWillAppear" )     }     override func viewDidAppear ( _ animated: Bool ) {         super . viewDidAppear (animated)         print ( "viewDidAppear" )     }     override func viewWillLayoutSubviews () {         super . viewWillLayoutSubviews ()         print ( "viewWillLayoutSubviews" )     }     override func viewDidLayoutSubviews () {         super . viewDidLayoutSubviews ()         print ( "viewDidLayoutSubviews" )     }     override func viewWillDisappear ( _ animated: Bool ) {         super . viewWillDisappear (animated)         print ( &quo
続きを読む