Html <;李>;内部a<;td>;大字体

Html <;李>;内部a<;td>;大字体,html,css,Html,Css,在TD元素中添加LI时,我一直面临一个小问题 使用小字体(例如14px)的行为效果很好,但如果我想使用大字体(例如60px),则项目符号会溢出TD元素并被隐藏 Div元素不会出现相同的行为。我如何在TD中按照与div相同的行为修复项目符号和文本 请参阅下面的代码以获取一个小示例 .tg{边框折叠:折叠;边框间距:0;边距:0px自动;} .tg td{字体系列:Arial,无衬线;字体大小:14px;填充:10px 5px;边框样式:实心;边框宽度:1px;溢出:隐藏;分词:正常;边框颜色:黑

在TD元素中添加LI时,我一直面临一个小问题

使用小字体(例如14px)的行为效果很好,但如果我想使用大字体(例如60px),则项目符号会溢出TD元素并被隐藏

Div元素不会出现相同的行为。我如何在TD中按照与div相同的行为修复项目符号和文本

请参阅下面的代码以获取一个小示例

.tg{边框折叠:折叠;边框间距:0;边距:0px自动;}
.tg td{字体系列:Arial,无衬线;字体大小:14px;填充:10px 5px;边框样式:实心;边框宽度:1px;溢出:隐藏;分词:正常;边框颜色:黑色;}
.tg th{字体系列:Arial,无衬线;字体大小:14px;字体大小:正常;填充:10px 5px;边框样式:实心;边框宽度:1px;溢出:隐藏;分词:正常;边框颜色:黑色;}
@媒体屏幕和(最大宽度:767px){.tg{width:auto!important;}.tg col{width:auto!important;}.tg wrap{overflow-x:auto;-webkit overflow滚动:touch;边距:auto 0px;}
.tg.tg-0lax{
文本对齐:左对齐;
垂直对齐:顶部;
溢出:隐藏;
左侧填充:0!重要;
右边填充:0!重要;
位置:相对位置;
线高:1.42857143;
垂直对齐:顶部;
宽度:100px;
}

第1栏
第2栏
第3栏
第4栏
第5栏
    Lorem Ipsum Dolor Sit Amet C

因此,您需要删除
中添加的内联样式,并从
.tg.tg-0lax
中删除填充,然后使用默认填充

.tg .tg-0lax {
    text-align:left;
    vertical-align:top;
    overflow: hidden;
    position: relative;
    line-height: 1.42857143;
    vertical-align: top;
    width: 100px;
}
.tg{边框折叠:折叠;边框间距:0;边距:0px自动;}
.tg td{字体系列:Arial,无衬线;字体大小:14px;填充:10px 5px;边框样式:实心;边框宽度:1px;溢出:隐藏;分词:正常;边框颜色:黑色;}
.tg th{字体系列:Arial,无衬线;字体大小:14px;字体大小:正常;填充:10px 5px;边框样式:实心;边框宽度:1px;溢出:隐藏;分词:正常;边框颜色:黑色;}
@媒体屏幕和(最大宽度:767px){.tg{width:auto!important;}.tg col{width:auto!important;}.tg wrap{overflow-x:auto;-webkit overflow滚动:touch;边距:auto 0px;}
.tg.tg-0lax{
文本对齐:左对齐;
垂直对齐:顶部;
线高:1.42857143;
垂直对齐:顶部;
宽度:100px;
}

第1栏
第2栏
第3栏
第4栏
第5栏
  • Lorem Ipsum Dolor Sit Amet C

首先,HTML无效。只有
li
可以是
ul
@Paulie\u的直接子女谢谢你认识Paulie,它可以被删除!我也将从帖子中删除。非常感谢@subpendu,它在我这边起了作用,谢谢你对我的错误的帮助。我有一个问题,当我们得到的字体更小,让我们在第2栏中使用字体大小的14px,子弹在TD的中间得到它,有一种方法都是左对齐的吗?