Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 表格中文本对齐:居中属性的问题_Html_Css - Fatal编程技术网

Html 表格中文本对齐:居中属性的问题

Html 表格中文本对齐:居中属性的问题,html,css,Html,Css,我做了这个: 。价格表{ 显示:表格; 宽度:630px; 高度:233px; 边界塌陷:塌陷; 边缘顶部:55px; 左边距:51px; } .价格表{ 显示:表格行; } .价格表内容{ 显示:表格行组; 边框:1px#e5; 文本对齐:居中; } .价格表内容ul{ 显示:表格行; } .价格表内容ul li{ 显示:表格单元格; 边框:1px实心#e5; 填充物:5px; } .价格表内容ul li:不(:第n种类型(1)){ 左侧填充:138px; } .价格表内容ul li:第一

我做了这个:

。价格表{
显示:表格;
宽度:630px;
高度:233px;
边界塌陷:塌陷;
边缘顶部:55px;
左边距:51px;
}
.价格表{
显示:表格行;
}
.价格表内容{
显示:表格行组;
边框:1px#e5;
文本对齐:居中;
}
.价格表内容ul{
显示:表格行;
}
.价格表内容ul li{
显示:表格单元格;
边框:1px实心#e5;
填充物:5px;
}
.价格表内容ul li:不(:第n种类型(1)){
左侧填充:138px;
}
.价格表内容ul li:第一个孩子{
左侧填充:2px;
右边填充:6px;
文本对齐:左对齐;
}
.价格表内容ul li:n子项(3){
左侧填充:153px;
}
.价格表内容ul li:n子项(4){
左侧填充:140px;
}
.价格表内容ul li:n子项(2){
左侧填充:142px;
填充顶部:42px;
}
.价格表内容-第三行{
显示:表尾组;
边框:1px实心#e5;
文本对齐:居中;
}
.价格表标题{
显示:表头组;
文本对齐:居中;
线高:30px;
字体系列:“开放式SAN”;
字体大小:16px;
字体大小:粗体;
颜色:#ffffff;
文本转换:大写;
}
.价格表{
列表样式类型:无;
显示:表格单元格;
边框:1px实心#e5;
填充:13px;
}
.price-table_u标题ul li:第一个孩子{
左侧填充:107px;
边界:无;
}
.price-table\uuuu标题ul li:n子项(2){
左侧填充:65px;
}
.price-table_uu标题ul li:最后一个孩子{
左侧填充:71px;
}
.price-table\uuuu标题ul li:n子项(3){
左侧填充:55px;
}
.价格表标题ul li:非(:第n种类型(1)){
背景色:#283645;
}
.价格表{
文本对齐:居中;
}
.价格表标题栏{
显示:表格列;
}
.price-table\标题\列组{
显示:表列组;
}

  • База
    1,99美元
  • Сааааааτ
    3,99美元
  • АццМ
    9,99美元
  • цзццццццц
  • Сааа
  • аааа

这有很多地方不对劲。
上有一些不必要的嵌套和填充

。价格表{
显示:表格;
宽度:630px;
高度:233px;
边界塌陷:塌陷;
边缘顶部:55px;
左边距:51px;
}
.价格表{
显示:表格行;
}
.价格表内容{
显示:表格行组;
边框:1px#e5;
文本对齐:居中;
}
.价格表内容ul{
显示:表格行;
}
.价格表内容ul li{
显示:表格单元格;
边框:1px实心#e5;
填充物:5px;
}
.价格表内容ul li:不(:第n种类型(1)){
左侧填充:138px;
}
.价格表内容ul li:第一个孩子{
左侧填充:2px;
右边填充:6px;
文本对齐:左对齐;
}
.价格表内容ul li:n子项(3){
左侧填充:153px;
}
.价格表内容ul li:n子项(4){
左侧填充:140px;
}
.价格表内容ul li:n子项(2){
左侧填充:142px;
填充顶部:42px;
}
.价格表内容-第三行{
显示:表尾组;
边框:1px实心#e5;
文本对齐:居中;
}
.价格表标题{
显示:表头组;
文本对齐:居中;
线高:30px;
字体系列:“开放式SAN”;
字体大小:16px;
字体大小:粗体;
颜色:#ffffff;
文本转换:大写;
}
.价格表{
列表样式类型:无;
显示:表格单元格;
边框:1px实心#e5;
填充:13px;
}
.price-table_u标题ul li:第一个孩子{
左侧填充:107px;
边界:无;
}
.价格表标题ul li:非(:第n种类型(1)){
背景色:#283645;
}
.价格表{
文本对齐:居中;
}
.价格表标题栏{
显示:表格列;
}
.price-table\标题\列组{
显示:表列组;
}

  • База
    1,99美元
  • Сааааааτ
    3,99美元
  • АццМ
    9,99美元
  • цзццццццц
  • Сааа
  • аааа

您好,span有一个内联元素,这就是它不获取保证金的原因。问题似乎如下:

.price-table__headers ul li:nth-child(2) {
padding-left: 65px;
}

您可以使用以下内容来代替:

.price-table__headers ul li:nth-child(2) {
padding-left: 30px;
padding-right: 30px;
}

这里是

您是否收到警告,您不应该喜欢JS FIDLE的链接,但应该在问题本身中提供代码?您是否忽略了这一点,而只是在问题中编写一行代码来消除警告?不要那样做。在问题本身中提供答案。注意昆汀链接中的关键字“minimal”。只是复制/粘贴所有内容并不是“最小”。你可能想阅读,因为你的填充物,你的内部细胞有点关闭。因此,
text align:center
不会根据完整的ce将文本居中