cuốn sách gpt4 ai đã làm

javascript - Sự sắp xếp CSS kỳ lạ trên các phần tử không được thêm động

In lại Tác giả: Walker 123 Thời gian cập nhật: 27-11-2023 22:34:01 27 4
mua khóa gpt4 Nike

Hiện tại tôi đã tạo một ảnh chụp nhanh tạm thời cho trang web của mình:http://hunpony.hu/today/

Vấn đề là ở bảng bên phải, div đầu tiên div#randomTile.tile Đặt nhầm chỗ.

nhập mô tả hình ảnh ở đây

Tôi không biết tại sao. Đây là một số HTML, CSS và JavaScript có liên quan:









Ngẫu nhiên
 






... Trình bày các thuộc tính tiền tố của nhà cung cấp trong CSS, tôi đã loại bỏ chúng vì nó làm cho khối mã quá dài.

#slideoutInner .tile {
con trỏ: con trỏ;
lề:.5em;
căn chỉnh văn bản:giữa;
hiển thị: khối nội tuyến;
chiều rộng:95px;
tràn văn bản: dấu chấm lửng;
...
thời gian chuyển tiếp: 0,3 giây;
bóng hộp: 0;
chiều cao: 127px;
khoảng trắng:nowwrap;
...
bộ lọc: độ tương phản (100%);
}
#slideoutInner .tile:hover { box-shadow:0px 0px 15px ...; bộ lọc: độ tương phản (150%) }
#slideoutInner .tile .small {
chiều cao: 75px;
chiều rộng: 75px;
lề:5px tự động;
hiển thị:khối;
}
#randomTile { color:#777; màu nền: #777 }
#slideoutInner .tile h4 {
chiều cao dòng: 20px;
phần đệm: 0;
lề:0px tự động 2px;
hiển thị:khối;
bóng văn bản: không có;
màu: trắng;
}

Một số biến được tham chiếu quá dài và không được đưa vào đây. Tệp js chính là.đây , nơi chứa tất cả mã.

$('#randomTile').on('click',function(){
thay đổiBGImage(rndCharNumber);
}).hover(function(){
rndCharNumber = ngẫu nhiên(0,backImage.length-1);
$(this).css({color:colorz[rndCharNumber],backgroundColor:colorz[rndCharNumber]});
$(this).find('img.small').attr('src','img/small/'+backImage[rndCharNumber]+'.svg');
$(this).find('h4').html((longNames[rndCharNumber].indexOf(' ') != -1) ? longNames[rndCharNumber].split(' ').join('
') : longNames[rndCharNumber]+'
 ');
},chức năng(){
$(this).css({color:'',backgroundColor:''});
$(this).find('h4').html(locStr.randomTile[locale]);
$(this).find('img.small').attr('src','img/small/vs.svg');
});

$(document).ready(function(){
...
cho (i=0;i<>
imgArray.push('');
}

cho (i=0;i<>
h4Array.push('

'+((longNames[i].split(' ').join('
').indexOf('
') != -1) ? longNames[i] .split(' ').join('
') : longNames[i]+'
 ')+'

');
}

cho (i=0;i < imgArray.length;i++){
htmlArray.push('
'+imgArray[i]+h4Array[ i]+'
');
}

$('#slideoutInner').append(htmlArray.join(''));
...
});

câu trả lời hay nhất

Vấn đề xảy ra do khoảng trắng, ảnh hưởng đến các phần tử nội tuyến (.tile khối). Để khắc phục hãy thay đổi cỡ chữ: 0 thêm vào #slideoutBên trong(thùng chứa cha mẹ):

#slideoutBên trong {
tràn-x: ẩn;
căn chỉnh văn bản: giữa;
cỡ chữ: 0;
}

và thay đổi #slideoutInner .tile thường xuyên lề,Ví dụ4 pixel. Nó sẽ giải quyết vấn đề của bạn.

Về javascript - sai lệch CSS lạ trên các phần tử không được thêm động, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/15315892/

27 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress