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

Tôi đang cố gắng thiết lập bố trí flexbox với ba cột trong đó cột bên trái và bên phải có chiều rộng cố định và cột giữa uốn cong để lấp đầy không gian có sẵn. Mặc dù thiết lập kích thước cho các cột, chúng dường như vẫn …

316 html  css  flexbox 

Tôi có 4 cột flexbox và mọi thứ đều hoạt động tốt, nhưng khi tôi thêm một số văn bản vào một cột và đặt nó thành một cỡ chữ lớn, nó làm cho cột rộng hơn so với thuộc tính flex. Tôi đã thử sử dụng word-break: break-wordvà nó …

313 html  css  flexbox 

Bạn có thể ghi đè lên align-itemsvới align-selfcho một mục flex. Tôi đang tìm cách ghi đè lên justify-contentmột mục flex. Nếu bạn có một hộp chứa flexbox justify-content:flex-end, nhưng bạn muốn mục đầu tiên là justify-content: flex-start, làm thế nào có thể được thực hiện? Điều này đã được …

283 css  flexbox 

Tôi đang sử dụng hộp flex để hiển thị 8 mục sẽ tự động thay đổi kích thước với trang của tôi. Làm thế nào để tôi buộc nó chia các mục thành hai hàng? (4 mỗi hàng)? Đây là một snip có liên quan: (Hoặc nếu bạn thích jsfiddle …

260 html  css  flexbox 

Vì vậy, khi cố gắng tạo ra một phương thức hữu ích bằng flexbox, tôi đã tìm thấy vấn đề có vẻ là vấn đề của trình duyệt và tự hỏi liệu có một bản sửa lỗi hoặc cách khắc phục nào - hoặc ý tưởng về cách giải quyết …

259 html  css  flexbox  browser-bugs 

На этот вопрос есть ответы на Stack Overflow на русском : Flexbox mục - перенос на новую строку Có cách nào để ngắt dòng trong flexbox nhiều dòng không? Ví dụ để phá vỡ sau mỗi mục thứ 3 trong CodePen này . .container { background: tomato; display: flex; flex-flow: …

236 html  css  flexbox 

Tôi muốn có một menu dọc với chiều cao cụ thể. Mỗi đứa trẻ phải điền vào chiều cao của cha mẹ và có văn bản căn giữa. Số lượng trẻ em là ngẫu nhiên, vì vậy tôi phải làm việc với các giá trị động. Div .containerchứa một số …

235 css  google-chrome  webkit  flexbox 

Đã có những câu hỏi và bài viết về điều này, nhưng không có gì có thể kết luận xa như tôi có thể nói. Tóm tắt tốt nhất tôi có thể tìm thấy là cơ sở flex cho phép bạn chỉ định kích thước ban đầu / bắt đầu …

224 css  flexbox  width 

Đây là mã tôi đang sử dụng để đạt được bố cục trên: .header { height: 50px; } .body { position: absolute; top: 50px; right: 0; bottom: 0; left: 0; display: flex; } .sidebar { width: 140px; } .main { flex: 1; display: flex; flex-direction: column; } .content { flex: …

214 css  layout  multiple-columns  flexbox 

Làm cách nào để căn giữa Văn bản trong ReactNative cả theo chiều ngang và dọc? Tôi có một ứng dụng ví dụ trong rnplay.org trong đó justifyContent = "centre" và alignItems = "centre" không hoạt động: https://rnplay.org/apps/AoxNKQ Các văn bản nên được tập trung. Và tại sao có một …

212 reactjs  flexbox  react-native 

https://jsfiddle.net/vhem8scs/ Có thể có hai mục thẳng hàng trái và một mục thẳng hàng với flexbox? Các liên kết cho thấy nó rõ ràng hơn. Ví dụ cuối cùng là những gì tôi muốn đạt được. Trong flexbox tôi có một khối mã. Với float tôi có bốn khối mã. …

212 css  alignment  flexbox 

Tôi có 2 divs cạnh nhau trong một flexbox. Tay phải phải luôn có cùng chiều rộng và tôi muốn tay trái chỉ lấy khoảng trống còn lại. Nhưng nó sẽ không trừ khi tôi đặc biệt thiết lập chiều rộng của nó. Vì vậy, tại thời điểm này, nó …

204 html  css  flexbox 

Tôi đã đọc một số hướng dẫn flexbox, nhưng tôi vẫn không thể thực hiện tác vụ đơn giản này để làm việc. Làm thế nào tôi có thể làm cho hộp màu đỏ đến chiều rộng 100%? Mã số: <View style={styles.container}> <Text style={styles.welcome}> Welcome to React Natives </Text> <Text …

203 flexbox  react-native 

Tôi đã cố gắng tạo kiểu cho một fieldsetyếu tố với display: flexvà display: inline-flex. Tuy nhiên, nó không hoạt động: flexcư xử như thế block, và inline-flexcư xử như thế nào inline-block. Điều này xảy ra cả trên Firefox và Chrome, nhưng kỳ lạ là nó hoạt động trên …

201 html  css  flexbox 

Trong bố cục 3 hàng: hàng trên cùng phải có kích thước theo nội dung của nó hàng dưới cùng phải có chiều cao cố định bằng pixel hàng giữa nên mở rộng để lấp đầy container Vấn đề là khi nội dung chính mở rộng, nó squish các hàng …

194 css  layout  flexbox