问

HTML表格边框与单元格边框重叠

佳麟钧君怡慧_481 发布于 2023-02-13 12:35

html

我有一个HTML表,我在ios应用程序的UIWebView中显示.该表看起来很甜,但表边框和或单元格边框与主表边框重叠.

这是一个例子. 在此输入图像描述

我正在使用CSS来设置这些边框的样式,并将其作为类添加到html中.这就是我的样式表.

对于糟糕的格式化,这是来自NSString,我不是100%肯定的CSS格式,因为我只在制作ios应用程序时使用它.

然后我像这样使用那个css.

任何帮助将不胜感激.

1 个回答

这是因为你在顶部和底部设置了边框td,这意味着侧边框会增加一个额外的像素边框边框显示在顶部和底部边框的"顶部".您可以通过一些调整来解决这个问题.我将cellspacing="0"表格添加到HTML并删除border-collapse: collapse;.然后相应地设置边框样式.

table.tdat{
  /*border-collapse:collapse; remove */
  border: 1px solid black;
}
td{
  padding:2px; 
  font-family:Helvetica; 
  color:black; 
  font-size:12pt; 
  height:15pt; 
  text-align:right; 
  vertical-align:top;
  white-space:nowrap;
}
tr.cta td{
  font-family:Arial; 
  color:black; 
  font-size:12pt; 
  height:15pt; 
  text-align:right;
  vertical-align:top;
  white-space:nowrap;
  border:1px solid #eeeeee;
  border-top: 0; /* ADD */
  border-bottom: 0; /* ADD */
}
/*tr.top td {
  border-top: thin solid black; REMOVE
}*/
tr.bottom td { 
  /*border-bottom: thin solid black; REMOVE*/
  border-top: 1px solid #eee;
}  
tr.ax td:first-child { 
  /*border-left: thin solid black; REMOVE */
  border-right: thin solid black;
  border-top-color: black;
}

http://jsbin.com/IQuYIBI/1/edit

2023-02-13 12:38 回答

goxtop

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签