văn bản trung tâm của dữ liệu bảng được kết nối với colspan = "2" với .css "Chọn td với thuộc tính colspan =" 2 ""

Question

Xin chào Tôi có một bảng trong đó một số cột nhất định liên kết với thuộc tính colspan="2".

Trong thời điểm hiện tại nó trông như thế này:

Tôi muốn rằng các văn bản của các cột được kết nối trong một hàng là trung tâm, nhưng chỉ có văn bản trong các cột kết nối

Bảng dữ liệu của hàng này (không giới hạn) có mã sau đây

<tr class="row-4 even">  
<td colspan="2" class="column-3 footable-last-column" style="display: table-cell;">unlimited</td> 
</tr> 

Tôi không thể thay đổi mã của bảng vì nó là được tạo bởi plugin Wordpress tự động tablepress

Điều tôi có thể làm là thêm tệp .css tùy chỉnh.

Câu hỏi của tôi là, nếu chúng ta có thể chỉ chọn bảng dữ liệu với thuộc tính colspan="2" với .css, vì vậy mà tôi có thể làm { text-align: center } chỉ cho dữ liệu bảng với các thuộc tính colspan="2"

Answer 1

Bộ chọn CSS [attribute="value"] là những gì bạn muốn, vì vậy bạn nên thêm

td[colspan="2"] { 
    text-align: center; 
} 

để căn giữa ô kéo dài hai cột.

Nếu bạn muốn tập trung các tế bào mà span bất kỳ số lượng các cột, bạn có thể sử dụng

td[colspan]:not([colspan="1"]) { 
    text-align: center; 
} 

để chọn tất cả các tế bào có một thuộc tính colspan thiết lập một giá trị khác hơn 1.

Answer 2

này nên làm các trick nếu bạn đang áp dụng inline CSS:

<td colspan="2" style="text-align:center;">unlimited</td>