Mã này là như sau:tại sao lề lớp không hoạt động?
<html>
<head>
<title>test</title>
</head>
<body>
<div><span>shanghai</span><span class="margin"> </span><span>male</span></div>
</body>
</html>
.margin {
width:40px;
height:auto;
}
Bạn không thể cung cấp chiều rộng vì nó là phần tử nội tuyến.
Thuộc tính này chỉ định nội dung chiều rộng của hộp được tạo bởi mức khối và phần tử thay thế. Thuộc tính này không áp dụng cho các phần tử cấp nội tuyến không được thay thế. - CSS 2.1 Width property
Bạn có thể khắc phục điều này bằng cách làm cho nó một yếu tố ngăn chặn hoặc inline-block thay vì:
display:inline-block
Tuy nhiên, điều này có thể không được hỗ trợ bởi một số trình duyệt. Bạn có thể đạt được kết quả tương tự với điều này, tuy nhiên:
margin-left:40px
Bạn nên chỉ ra rằng đây là một quy tắc CSS: Ways to include CSS in your page.
yup, .margin là quy tắc css – omg
Tôi hiểu, nhưng bạn đặt quy tắc đó bên ngoài tài liệu html, làm cách nào để trình duyệt biết rằng đây là một phần của CSS ?! –
đặt
<style>
.margin {
width:40px;
height:auto;
}
</style>
Không phải là những gì tôi đã làm, hm? – omg
Bạn đã đặt nó vào một .html và thấy hiệu ứng? – omg
Có và làm việc rất tốt :) – pedrofernandes
CSS nên đi vào phần đầu và cũng nên được bọc trong < style> thẻ ...
Trừ khi bạn đang truy cập giá trị này từ một stylesheet. Bạn cần phải tham chiếu điều này trong phần đầu của tài liệu:
<link rel="stylesheet" type="text/css" title="RSS" href="MyStyleSheet.css">
Hãy thử thay đổi tên lớp học của bạn?
margin là một thuộc tính. Tôi không chắc chắn nếu CSS đã dành riêng từ khóa mặc dù.
đã cố gắng, không hoạt động, mặc dù – omg
tốt để biết rằng css không hoạt động theo cách này :) gọn gàng. –
Tôi nghĩ rằng vấn đề là thẻ trống. Chỉ cần đặt "& nbsp;" giữa hai thẻ.
đã cố gắng, không trợ giúp, mặc dù – omg
vẫn giống nhau: ( – omg
margin-left giúp! – omg
inline-block hoạt động trên các nhịp trong IE - xem http://www.quirksmode.org /css/display.html FF2 vẫn chưa hài lòng với inline-block mặc dù –