css - 如何使用 CSS 将垂直元素对齐为水平元素并移动到屏幕右侧？

In lại 作者：行者123 更新时间：2023-11-28 16:19:15 25 4

Connect with us: 

    .sc1 {
    margin: 5px 0px;
    background-color: #3498DB;
    hiển thị: khối nội tuyến;
    padding: 8px 10px;
    width: 100%;
}
.sc2{
    float: right;
    color: white;
}
.sc3 {
    float: right;

}
.sc3 .facebook-icon {
    background-image: url(images/social-connections-icons.png);
    height: 32px !important;
    width: 32px;
    background-position: 0 0;
    /*float: right;*/
}
.sc3 .twitter-icon {
    background-image: url(images/social-connections-icons.png);
    height: 32px !important;
    width: 32px;
    background-position: -32px 0px;
    /*float: right;*/
}
.sc3 .google-icon {
    background-image: url(images/social-connections-icons.png);
    height: 32px !important;
    width: 32px;
    background-position: -125px 0px;
    /*float: right;*/
}
.sc3 .instagram-icon {
    background-image: url(images/social-connections-icons.png);
    height: 32px !important;
    width: 32px;
    background-position: -63px 0px;
    /*float: right;*/
}

.sc3 {
  hiển thị: flex;
}

25 4 0

• phần tử = $(phần tử); đối tượng dự kiến ​​lỗi?

  Trên một trang web đang phát triển, tôi gặp lỗi này trên IE element = $(element); Mã này nằm trong prototype.js Object expected Làm thế nào để loại bỏ lỗi này. Cập nhật: Cảnh này cũng sử dụng jQuery. Câu trả lời hay nhất

• Cách tốt nhất để hợp nhất hai mảng (phần tử + phần tử) là gì nếu bản thân phần tử là một mảng?

  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]] Tôi cần hợp nhất chúng thành một mảng như thế này: A

• jQuery không hoạt động với
• các yếu tố, nhưng không dành cho yếu tố

  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 . phần tử, nhưng không phải khi nó nằm trong một phần tử. Tại sao chuyện này lại xảy ra? Tôi muốn sử dụng vì nếu người dùng tắt Java

• Làm thế nào để biến một phần tử flex thành một phần tử khối?

  Đặc tả hộp linh hoạt 3 nêu rằng các mục linh hoạt không phải là các hộp chứa khối: Một mục linh hoạt thiết lập một ngữ cảnh định dạng mới cho nội dung của nó

• jquery thêm phần tử not-in-dom vào ngăn xếp có thứ tự (phần tử in-dom) javascript jquery

  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

• javascript - Sản xuất
• Yếu tố 'hoạt động' thay vì yếu tố

  Tôi có một danh sách không có thứ tự khi sử dụng Bootstrap và Ember.js. Mỗi mục danh sách là một liên kết hiển thị bài đăng mới và bất cứ khi nào 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

• Lặp qua các phần tử DOM, bao gồm các phần tử span

  Tôi đang cố gắng để một hàm hoạt động nhưng không mấy thành công nên tôi nghĩ mình sẽ hỏi nhóm chuyên gia Stackoverflow một câu hỏi dành cho người mới bắt đầu! Về cơ bản, tôi có một biểu mẫu và tôi đang lặp qua tất cả các phần tử để xem có thuộc tính dữ liệu tùy chỉnh nào không. Nếu nó tồn tại, hãy giữ nguyên phần tử đó

• Có hàm tích hợp nào để ánh xạ các phần tử không phải nil và xóa các phần tử nil khỏi mảng không?

  Tôi muốn ánh xạ một mảng tùy chọn, xóa các giá trị nil đó và ánh xạ các giá trị không phải nil bằng một hàm khác. Tôi biết tôi có thể thực hiện điều này bằng cách sử dụng compactMap và sau đó là một 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

• jquery - Vị trí phần tử li trừ khi được đặt trước bởi phần tử không phải li

  Làm thế nào tôi có thể định vị các phần tử li trừ khi chúng xuất hiện sau một phần tử? Nói cách khác, tôi muốn tập trung vào các bước thay vì chú thích. Tôi đã thử thêm một lớp vào OL mà tôi muốn loại trừ khỏi lựa chọn, nhưng mã tôi đưa ra không hoạt động. (Nhân tiện, việc tái cấu trúc html không phải là một lựa chọn

• asp.net - Phần tử 'system.webServer' có phần tử con 'rewrite' không hợp lệ

  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ể có

• JavaScript lấy giá trị văn bản từ một phần tử HTML không kết thúc (chẳng hạn như phần tử LI)

  Tôi đang cố gắng viết một tập lệnh sẽ duyệt qua nguồn HTML và tạo một 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 không chỉ muốn hiển thị các phần tử (TITLE, P, LI, v.v.)

• Phần tử jQuery SlideUp A nếu hiển thị, sau đó là phần tử SlideDown B

  Tôi có mẫu HTML sau:- Tùy chọn 1 Tùy chọn 2

• Chọn phần tử span tiếp theo sau phần tử HTML Jquery javascript html

  Tôi đang cố gắng chọn phần tử span tiếp theo có tên lớp là slider-value 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 làm cho mã trở nên thừa thãi khi làm như vậy. (

• innerHTML hoạt động trên phần tử body nhưng không hoạt động trên phần tử p

  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 với nội dung "Vui lòng nhập địa chỉ email hợp lệ". Câu lệnh innerHTML cho phần tử body hoạt động tốt, nhưng câu lệnh innerHTML 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ó

• jQuery hiển thị phần tử li ẩn sau đó ẩn phần tử li hiển thị javascript jquery li

  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ó sẽ 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 đã ẩn trước đó. (

• Làm thế nào để hiển thị phần tử h1 với phần tử nội tuyến bên cạnh và phần tử p bên dưới?

  Tôi đã hỏi một câu hỏi trước đó về cách tốt nhất để đặt các liên kết chỉnh sửa/xóa nội tuyến với phần tử h1. Tôi đã có thể thực hiện được điều này nhờ các câu trả lời được đưa ra, nhưng giờ tôi có thêm yêu cầu là phải hiển thị một đoạn văn bên dưới h1 và chỉnh sửa/xóa liên kết. cho đến nay

• knockout.js foreach lặp lại các phần tử td trong bảng nhưng không phải các phần tử tr

  Tôi đang sử dụng MVC 4 và thư viện knockout.js phiên bản 2.1.0 để hiển thị đoạn trích sau trong bảng gồm một số tệp được lấy từ máy chủ. 0)"> đang truy xuất dữ liệu một cách chính xác,

• Làm thế nào để xác định vị trí các phần tử DOM trong các thành phần React, hay tôi nên tránh xác định vị trí các phần tử DOM hoàn toàn?

  Tôi đã tạo một tập lệnh kích hoạt khi chuột ở trên vùng chứa cha và sẽ di chuyển các phần tử con ra khỏi chuột. Hiện tại tôi đã chạy được, nhưng một số phần của mã có vẻ mâu thuẫn với cách mã REACT trông như thế nào. Đặc biệt là hai phần. Tôi sử dụng trong hàm render

• Điểm dừng không hoạt động trên các phần tử Button hoặc div nhưng hoạt động trên các phần tử li

  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 và div cha của nó, nhưng cả hai

• Kiểm tra kiểu nào được áp dụng cho phần tử HTML trong Chế độ xem phần tử MVC 5

  Ví dụ, giả sử có một đánh dấu với màu sắc lạ mắt: Nội dung được viết ở đây Sử dụng Visual Studio 2017 và các thành phần MVC 5, có cách nào để kiểm tra và xác định kiểu nào hiện đang được áp dụng cho thành phần đó và kiểu nào chịu trách nhiệm cho kiểu đó không?