Làm thế nào tôi có thể định vị hai khối văn bản trên cùng một dòng, một bên trái và một khối bên phải, mà không cần sử dụng phao?
Như thế này:
Bla bla 5
Whatever 25
Boo 12
Mỗi dòng là một mục danh sách -
hỏi ngày 11 tháng 1 năm 2011 lúc 1:05Jan 11, 2011 at 1:05
1
Bạn có số trong ví dụ của bạn, cho tôi biết rằng bạn có thể hiển thị dữ liệu bảng. Nếu đó là trường hợp, hãy sử dụng một bảng. Dễ!
Nếu đó không phải là trường hợp, hãy sử dụng span
s với chiều rộng được đặt:
.label {
display: inline-block;
width: 200px; // or whatever
}
and:
-
Blah blah
5
-
Stuff
25
Đã trả lời ngày 11 tháng 1 năm 2011 lúc 2:27Jan 11, 2011 at 2:27
Keithjgrantkeithjgrantkeithjgrant
12.2k5 Huy hiệu vàng51 Huy hiệu bạc87 Huy hiệu đồng5 gold badges51 silver badges87 bronze badges
4
Bạn có thể sử dụng bảng. Ngoài ra, bạn có thể sử dụng định vị tuyệt đối và đặt cùng một giá trị cho trên cùng và dưới cùng cho mỗi đối tượng UL
Đã trả lời ngày 11 tháng 1 năm 2011 lúc 1:39Jan 11, 2011 at 1:39
SuperirissuperirisSuperIRis
4235 Huy hiệu bạc9 Huy hiệu Đồng5 silver badges9 bronze badges
Bạn có thể thấy một ví dụ làm việc ở đây
ul {
list-style-type:none;
}
li span {
display:inline-block;
width:100px;
}
-
Bla Bla
5
-
Whatever
25
Đã trả lời ngày 11 tháng 1 năm 2011 lúc 1:56Jan 11, 2011 at 1:56
Omer Bokhariomer BokhariOmer Bokhari
55.5K12 Huy hiệu vàng43 Huy hiệu bạc55 Huy hiệu Đồng12 gold badges43 silver badges55 bronze badges
Tôi biết đây là một loại cũ, nhưng nó có vẻ như là lựa chọn chính xác nhất về mặt ngữ nghĩa ở đây sẽ là sử dụng DL, DT và DT thay vì Li.
Bla bla5
Whatever25
Boo12
Sau đó, bạn sẽ tạo kiểu cho nó như thế này:
dl {
margin: 0;
}
dt {
clear: left;
float: left;
padding: 0 0 2px;
font-weight: bold;
}
dd {
float: left;
margin-left: 10px;
padding: 0 0 2px;
}
Tôi biết bạn đã quy định không có phao, nhưng đó là cách để hoàn thành công việc.
Đã trả lời ngày 10 tháng 2 năm 2012 lúc 0:52Feb 10, 2012 at 0:52
Đây là một mẹo rất đơn giản tôi đã sử dụng. Nó sử dụng
.label {
display: inline-block;
width: 200px; // or whatever
}
0s, nhưng tôi nghĩ nó vẫn trông khá đẹp:HTML:
Chicken Craft
Minecraft Server
CSS:
.title1 {
text-align: left;
color: #269CEB;
margin-top: 0px;
float: left;
clear: both;
}
.title2 {
text-align: left;
color: #FF9D00;
}
Đã trả lời ngày 29 tháng 5 năm 2013 lúc 0:37May 29, 2013 at 0:37
VancevanceVance
Huy hiệu 111 Đồng1 bronze badge
Về cơ bản điều tôi muốn nói là có văn bản như thế này: ----------------- Trang chủ $: 0 --------------------- Ngoại trừ khi tôi đặt 2 đoạn văn, cả hai đều ở các dòng khác nhau, làm cho phần "nhà" di chuột. Làm cách nào để sửa nó để cả hai đoạn đều nằm trên cùng một dòng? Đây là mã của tôi về nhà $: 0 cảm ơn
Chỉ sử dụng thẻ 1 'p' thay vì 2: và thêm thuộc tính kiểu như được hiển thị bên dưới: home $: 0
@Viship, được rồi, bạn đúng nhưng lập trình có nhiều cách để giải quyết vấn đề/lỗi và bất cứ ai trong chúng ta đều có tâm trí của anh ấy, vì vậy đó không phải là lý do chính đáng để không thích/hạ thấp câu trả lời của chúng tôi để có được nhiều lượt thích hơn về bạn. Đừng là người xấu, anh bạn có một ngày tốt lành❤
T thẻ theo mặc định, nó khối khối, ý tôi là gì ?! -p thẻ tạo dòng phá vỡ trước và sau nó, vì vậy bạn sẽ cần sử dụng CSS để làm điều này: home $: 0 Chúc may mắn anh bạn
//code.sololearn.com/wbcwhz8pijse/?ref=app Tại đây, bạn sẽ nhận được câu trả lời bạn có thể tăng số [ký quỹ] để đáp ứng với màn hình của bạn.
Bạn được chào đón nhất .. :] @contemarmy
Cách tốt hơn làm điều này, là sử dụng hành vi [mà không sử dụng các yếu tố ngữ nghĩa, vì bạn cần nó để bố trí, không phải để hiển thị bảng ^^]: Trang chủ