Html 获取div显示表,使其具有典型的分界线

Html 获取div显示表,使其具有典型的分界线,html,css,Html,Css,这是我的代码: 我试图得到每一列之间的分界线,就像我应该得到的那样,如果它是一个真正的表,而不是一个具有表属性的div 我的研究告诉我添加这些行,但没有任何作用: .table { display: table; border-collapse: collapse;} .tablerow { display: table-row; border: 1px solid #000;} .tablecell { display: table-cell; } 添加CSS不起作用,因为您没有使用这

这是我的代码:

我试图得到每一列之间的分界线,就像我应该得到的那样,如果它是一个真正的表,而不是一个具有表属性的div

我的研究告诉我添加这些行,但没有任何作用:

.table   { display: table; border-collapse: collapse;}
.tablerow  { display: table-row; border: 1px solid #000;}
.tablecell { display: table-cell; }

添加CSS不起作用,因为您没有使用这些类的元素,您只需添加:

边框:1px实心#000
为您的CSS添加
#包装器div

对于无双重内部;边框,请使用以下CSS:


添加CSS不起作用,因为您没有使用这些类的元素,您只需添加:

边框:1px实心#000
为您的CSS添加
#包装器div

对于无双重内部;边框,请使用以下CSS:

你是说这个

#wrapper div {
   border: 1px solid #000;
}
#wrapper div:not(:first-child) {
   border-left: none; 
}

你是说这个

#wrapper div {
   border: 1px solid #000;
}
#wrapper div:not(:first-child) {
   border-left: none; 
}

在css中添加一个
边框

#wrapper div {
    display: table-cell;
    text-align: center;
    border-right: 1px solid black;
}

更新:

要删除最后一个div上的边框,请改用以下命令:

#wrapper div:not(:last-child){      
    border-right: 1px solid black;
}

在css中添加一个
边框

#wrapper div {
    display: table-cell;
    text-align: center;
    border-right: 1px solid black;
}

更新:

要删除最后一个div上的边框,请改用以下命令:

#wrapper div:not(:last-child){      
    border-right: 1px solid black;
}

左边框
赋予
包装器
元素中的
div
元素,并将
右边框
赋予
最后一个
div

编辑

如果希望所有边框都可见


#wrapper
元素中,将
边框左
赋给您的
div
元素,并将
边框右
赋给
最后一个
div

编辑

如果希望所有边框都可见


像这样?是的,但它的内部有两倍的间距,如图所示?是的,但它的内部有两倍的间距,如图所示:你能在内部没有两个边框吗?你能在内部没有两个边框吗?我看不到任何边框?这里的解决方案,你的要求与更薄的内衬我看不到任何边界?这里的解决方案是使用更薄的内衬,最左边没有边框,最右边有一个,最左边没有边框,最右边有一个