Câu hỏi được gắn thẻ «flexbox»

Để đặt khoảng cách tối thiểu giữa các mục flexbox tôi đang sử dụng margin: 0 5pxtrên .itemvà margin: 0 -5pxtrên container. Đối với tôi nó có vẻ như là một hack, nhưng tôi không thể tìm ra cách nào tốt hơn để làm điều này. Thí dụ #box { …

781 css  flexbox 

Có cách nào linh hoạt hơn để căn chỉnh "Liên hệ" hơn là sử dụng position: absolutekhông? .main { display: flex; } .a, .b, .c { background: #efefef; border: 1px solid #999; } .b { flex: 1; text-align: center; } .c { position: absolute; right: 0; } <h2>With title</h2> <div …

680 html  css  flexbox 

Hãy xem xét trục chính và trục chéo của thùng chứa flex: Nguồn: W3C Để căn chỉnh các mục flex dọc theo trục chính, có một thuộc tính: justify-content Để căn chỉnh các mục flex dọc theo trục chéo, có ba thuộc tính: align-content align-items align-self Trong hình trên, trục …

675 css  flexbox  language-lawyer  w3c 

Cách căn giữa div theo chiều ngang và chiều dọc trong thùng chứa bằng flexbox. Trong ví dụ dưới đây, tôi muốn mỗi số nằm dưới nhau (theo hàng), được căn giữa theo chiều ngang. .flex-container { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: center; } …

669 html  css  flexbox 

Tôi đang cố gắng lấp đầy không gian dọc của vật phẩm flex bên trong Flexbox. .container { height: 200px; width: 500px; display: flex; flex-direction: row; } .flex-1 { width: 100px; background-color: blue; } .flex-2 { position: relative; flex: 1; background-color: red; } .flex-2-child { height: 100%; width: 100%; background-color: …

459 css  flexbox 

Tôi có hai divs cạnh nhau. Tôi muốn chiều cao của chúng là như nhau, và giữ nguyên nếu một trong số chúng thay đổi kích thước. Tôi không thể tìm ra cái này mặc dù. Ý tưởng? Để làm rõ câu hỏi khó hiểu của tôi, tôi muốn cả …

440 html  css  html-table  flexbox 

Tôi muốn sử dụng flexbox để sắp xếp theo chiều dọc một số nội dung bên trong <li>nhưng không có thành công lớn. Tôi đã kiểm tra trực tuyến và nhiều hướng dẫn thực sự sử dụng div trình bao bọc lấy align-items:centertừ cài đặt flex trên cha mẹ, nhưng …

424 html  css  flexbox 

Tôi muốn có 3 div được căn trong một div container, đại loại như thế này: [[LEFT] [CENTER] [RIGHT]] Container div rộng 100% (không có chiều rộng được đặt) và div div sẽ vẫn ở giữa sau khi thay đổi kích thước container. Vì vậy, tôi đặt: #container{width:100%;} #left{float:left;width:100px;} #right{float:right;width:100px;} …

392 html  css  flexbox  alignment  css-float 

Tôi có một bố trí hộp flex đơn giản với một thùng chứa như: .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } Bây giờ tôi muốn các mục trong hàng cuối cùng được liên kết với nhau. justify-content: space-between;nên được sử dụng vì chiều rộng và chiều cao …

378 css  flexbox  grid-layout 

Tôi có một divvới một số trẻ em: <div class="content"> <h1>heading 1</h1> <h2>heading 2</h2> <p>Some more or less text</p> <a href="/" class="button">Click me</a> </div> và tôi muốn bố trí sau: ------------------- |heading 1 | |heading 2 | |paragraph text | |can have many | |rows | | | | | …

375 html  css  flexbox 

Cố gắng điều hướng flexbox có tối đa 5 mục và ít nhất là 3, nhưng nó không chia chiều rộng bằng nhau giữa tất cả các yếu tố. Vĩ cầm Hướng dẫn mà tôi đang lập mô hình này sau là http://www.sitepoint.com/responsive-fluid- thong-variable-item-navlation-css/ SASS * { font-size: 16px; } …

368 html  css  flexbox 

Ai đó có thể cho tôi thấy sự khác biệt giữa align-itemsvà align-content?

366 css  layout  flexbox  alignment 

Làm thế nào để tôi căn chỉnh một mục thanh điều hướng cho phải? Tôi muốn đăng nhập và đăng ký ở bên phải. Nhưng mọi thứ tôi thử dường như không hoạt động. Đây là những gì tôi đã cố gắng cho đến nay: <div>xung quanh <ul>với thuộc tính:style="float: …

340 css  twitter-bootstrap  flexbox  bootstrap-4  navbar 

Tôi đang cố gắng sắp xếp theo chiều dọc các phần tử trong một trình bao bọc ID. Tôi đã đưa tài sản display:inline-flex;cho ID này vì trình bao bọc ID là thùng chứa flex. Nhưng không có sự khác biệt trong cách trình bày. Tôi hy vọng rằng mọi …

330 css  flexbox 

Tôi đang cố gắng tập trung vào Container của mình ở giữa trang bằng Bootstrap 4. Cho đến nay tôi đã không thành công. Bất kỳ trợ giúp sẽ được đánh giá cao. Tôi đã xây dựng nó tại Codepen.io để các bạn có thể chơi với nó và cho …

322 html  css  twitter-bootstrap  flexbox  bootstrap-4