Question

我有相当简单的HTML表格，其中一行的td属性为colspan。应用于相应border-bottom的{{1}}不会影响tr，但只会影响未填充的列。这只发生在chrome。

突出显示此问题的示例代码。观察colspan行在chrome中没有整个行的边框。

＆＃13;

Recent Items

＆＃13;

.x1hu {
  height: 28px;
  border-bottom: 1px solid black;
}
.x1hw {
  text-align: left;
  font-weight: bold;
  height: 28px;
  color: #000000;
  border-bottom: 1px solid #D6DFE6;
}
.x1hs {
  border-collapse: collapse;
  table-layout: fixed;
}
.x1hx {
  font-weight: bold;
  border-bottom: 1px solid red;
}

＆＃13;

Answer 1

你写了一个错字：这里<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content"> <-- Stands for any view that would force minimum height, e.g. an avatar image --> <View android:layout_width="10dp" android:layout_height="73dp" android:background="#300f"/> <TextView android:id="@+id/t1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:text="ceterum censeo carthaginem esse delendam"/> <View android:layout_width="40dp" android:layout_height="wrap_content" android:layout_alignTop="@+id/t1" android:layout_alignBottom="@+id/t1" android:background="#6f00"/> </RelativeLayout>你写了 colpsan

<td colspan="4">

.x1hu {
  height: 28px;
  border-bottom: 1px solid black;
}
.x1hw {
  text-align: left;
  font-weight: bold;
  height: 28px;
  color: #000000;
  border-bottom: 1px solid #D6DFE6;
}
.x1hs {
  border-collapse: collapse;
  table-layout: fixed;
}
.x1hx {
  font-weight: bold;
  border-bottom: 1px solid red;
}

Chrome，colspan和边框

1 个答案: