29
4
我想知道是否有人有任何技术来定位 css 生成的内容。例如:
Trung tâm cá nhân
Điều phát hành
từ bỏ.block {
chiều cao: 150px;
chiều rộng: 150px;
viền: 1px màu đen đặc;
}
.block:after {
content: "content";
}
我想将内容置于框的正中央，但我常用的技巧都不起作用。有任何想法吗？谢谢!
câu trả lời hay nhất
由于伪元素本质上是作为子元素添加的，因此一种选择是使用 flexbox layout .在父元素上添加display: flex，然后使用align-items:center实现垂直居中，使用justify-content:center实现水平居中.
.block {
chiều cao: 150px;
chiều rộng: 150px;
viền: 1px màu đen đặc;
hiển thị: flex;
căn chỉnh các mục: ở giữa;
justify-content: center;
}
.block:after {
content: "content";
}
或者，您也可以将元素相对绝对定位到父级并使用transform trick用于垂直/水平居中。
.block {
chiều cao: 150px;
chiều rộng: 150px;
viền: 1px màu đen đặc;
vị trí: tương đối;
}
.block:after {
content: "content";
vị trí: tuyệt đối;
trên cùng: 50%;
bên trái: 50%;
transform: translateX(-50%) translateY(-50%);
}
关于html - 垂直/水平居中伪元素的生成内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34092921/
29
4
0
Trên một trang web đang được phát triển, tôi gặp lỗi này trên IE element = $(element); Mã này nằm trong đối tượng mong đợi của Prototype.js Cách loại bỏ lỗi này. Cập nhật: jQuery cũng được sử dụng trên trang web. câu trả lời hay nhất
Tôi có hai mảng lồng nhau có cùng kích thước: Array1 =[[1, 2], [], [2, 3]] Array2= [[1, 4], [8, 11], [3, 6]] I cần hợp nhất chúng thành một mảng như thế này: A
Tôi có một số mã jQuery chạy khi nhấp vào một mục có ID cụ thể. Nó hoạt động khi ID là một phần của tệp . phần tử, nhưng không phải khi nó nằm trong phần tử. Tại sao điều này lại xảy ra? Tôi muốn sử dụng vì nếu người dùng đóng Ja
Đặc tả hộp linh hoạt 3 tuyên bố rằng các phần tử linh hoạt không phải là các khối chứa: Một mục linh hoạt thiết lập bối cảnh định dạng mới cho nội dung của nó
Tôi đã gặp phải một vấn đề không mong muốn. HTML JS $(function() { var $divs = $('.myDiv'); // tạo div mới không có trong
Tôi nhận được danh sách không có thứ tự bằng Bootstrap và Ember.js. Mỗi mục danh sách là một liên kết hiển thị một bài đăng mới và mỗi khi bạn nhấp vào liên kết, Ember sẽ thêm lớp hoạt động theo mặc định. Tôi đang sử dụng Bootstr
Tôi đang cố gắng để một chức năng hoạt động nhưng tôi không gặp may, vì vậy tôi nghĩ tôi sẽ hỏi một người mới một câu hỏi cho bộ não Stackoverflow! Về cơ bản, tôi có một biểu mẫu và tôi đang lặp lại tất cả các phần tử để xem liệu thuộc tính dữ liệu tùy chỉnh có tồn tại hay không. Nếu có, hãy giữ phần tử này
Tôi muốn ánh xạ một mảng tùy chọn, loại bỏ các giá trị nil đó và sử dụng một hàm khác để ánh xạ các giá trị khác nil. Tôi biết tôi có thể đạt được điều này bằng cách sử dụng compactMap và sau đó là bản đồ thông thường, nhưng tôi chỉ muốn lặp qua mảng một lần. Tôi đã đạt được điều này
Làm cách nào để định vị các phần tử li trừ khi chúng xuất hiện sau các phần tử? Nói cách khác, tôi muốn nhắm mục tiêu các bước hơn là nhận xét. Tôi đã thử thêm một lớp vào CV mà tôi muốn loại trừ khỏi vùng chọn nhưng mã tôi nghĩ ra không hoạt động. (BTW, tái cấu trúc html không phải là một lựa chọn
Cảnh báo 1 Phần tử 'system.webServer' có phần tử con 'rewrite' không hợp lệ. Danh sách các phần tử có thể
Tôi đang cố gắng viết một tập lệnh sẽ lặp qua nguồn HTML và tạo tệp JSON của DOM, sau đó hiển thị tệp trong TreeView bằng d3.js. Vấn đề tôi gặp phải là tôi muốn hiển thị không chỉ các phần tử (TITLE, P, LI, v.v.).
Tôi có dạng HTML sau: - Tùy chọn 1 Tùy chọn 2
Tôi đang cố gắng chọn phần tử span tiếp theo có giá trị thanh trượt tên lớp sau phần tử HTML đã chọn. Tôi đã thử nhiều giải pháp nhưng không có giải pháp nào hiệu quả. Tôi có thể chọn nó theo id, nhưng tôi không muốn điều đó làm cho mã trở nên dư thừa. $(
Nếu địa chỉ email không hợp lệ, tôi muốn hiển thị thông báo trên màn hình "Vui lòng nhập địa chỉ email hợp lệ". Câu lệnh bên trongHTML cho phần tử nội dung hoạt động tốt, nhưng câu lệnh bên trongHTML mà tôi sử dụng cho phần tử p không hoạt động. Một lần khi tôi thử nghiệm nó
Mã jQuery sau đây gọi phần tử ul, tìm ba mục danh sách li đầu tiên trong phần tử và ẩn các mục li còn lại. Sau đó, nó nối thêm phần tử li có nội dung "Hiển thị thêm..." và khi nhấp vào sẽ hiển thị mục danh sách bị ẩn trước đó. (
Tôi đã hỏi một câu hỏi trước đó về cách tốt nhất để chỉnh sửa/xóa nội tuyến các liên kết có phần tử h1. Tôi đã có thể đạt được điều này với các câu trả lời được đưa ra, nhưng bây giờ tôi có một yêu cầu bổ sung là tôi cần hiển thị một đoạn bên dưới h1 và chỉnh sửa/xóa liên kết. cho đến nay
Tôi đang sử dụng thư viện MVC 4 và knock-out.js phiên bản 2.1.0 để hiển thị đoạn trích sau từ bảng gồm một số lượng lớn tệp được truy xuất từ máy chủ. 0)">Dữ liệu đang được truy xuất chính xác,
Tôi đã tạo một tập lệnh kích hoạt khi di chuột qua vùng chứa chính và sẽ di chuyển các phần tử con của nó ra khỏi chuột. Cho đến nay tôi đã làm cho nó hoạt động được, nhưng một số phần của mã dường như mâu thuẫn với hình thức của mã REACT. Đặc biệt là hai phần. Trong chức năng kết xuất tôi sử dụng
Tôi mới làm quen với JS và đang cố gắng hiểu mã của dự án https://github.com/tastejs/todomvc Xem ảnh chụp màn hình, tôi đã thử đặt điểm dừng trên nút X cũng như div phần tử gốc của nó, nhưng trong cả hai
Ví dụ: giả sử có một đánh dấu với màu sắc lạ mắt: Nội dung nào đó được viết ở đây Sử dụng Visual Studio 2017 và MVC 5 Elements, có cách nào để kiểm tra và xác định kiểu nào hiện đang được áp dụng và nguyên nhân gây ra điều đó
Tôi là một lập trình viên xuất sắc, rất giỏi!