Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.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,我正在尝试一个第一列有粘性的表。“粘滞”列中的内容始终位于顶部,可能是因为位置是绝对的。 如何在粘滞列中对齐文本 表格{ 边界塌陷:分离; 边框顶部:3倍纯色灰色; } 运输署, th{ 保证金:0; 边框:3倍纯色灰色; 边框顶部宽度:0px; 高度:30px; } div{ 宽度:600px; 溢出-x:滚动; 左边距:70像素; 溢出y:可见; 垫底:1px; } stickycol先生{ 线高:13px; 位置:绝对位置; 宽度:70px; 左:0; 顶部:自动; 右边框:0px非黑色

我正在尝试一个第一列有粘性的表。“粘滞”列中的内容始终位于顶部,可能是因为位置是绝对的。 如何在粘滞列中对齐文本

表格{
边界塌陷:分离;
边框顶部:3倍纯色灰色;
}
运输署,
th{
保证金:0;
边框:3倍纯色灰色;
边框顶部宽度:0px;
高度:30px;
}
div{
宽度:600px;
溢出-x:滚动;
左边距:70像素;
溢出y:可见;
垫底:1px;
}
stickycol先生{
线高:13px;
位置:绝对位置;
宽度:70px;
左:0;
顶部:自动;
右边框:0px非黑色;
边框顶部宽度:3倍;
/*仅与第一行相关*/
利润上限:-3px;
/*补偿上边框*/
单词包装:打断单词;
空白:-moz预包装!重要;
/*Mozilla,自1999年以来*/
空白:-预包装;
/*歌剧院4-6*/
空白:-o形预包装;
/*歌剧7*/
空白:预包装;
/*css-3*/
单词包装:打断单词;
/*Internet Explorer 5.5+*/
空白:-webkit预包装;
/*更新版本的Chrome/Safari*/
单词break:打破一切;
空白:正常;
}
.朗{
字母间距:1米;
}

可乐
可乐
可乐
这篇课文太长了
QWERTYUIOPASDFGHJKLZXCVBNM
QWERTYUIOPASDFGHJKLZXCVBNM
2.
QWERTYUIOPASDFGHJKLZXCVBNM
QWERTYUIOPASDFGHJKLZXCVBNM
3.
QWERTYUIOPASDFGHJKLZXCVBNM
QWERTYUIOPASDFGHJKLZXCVBNM
4.
QWERTYUIOPASDFGHJKLZXCVBNM
QWERTYUIOPASDFGHJKLZXCVBNM
5.
QWERTYUIOPASDFGHJKLZXCVBNM
QWERTYUIOPASDFGHJKLZXCVBNM
6.
QWERTYUIOPASDFGHJKLZXCVBNM
QWERTYUIOPASDFGHJKLZXCVBNM
7.
QWERTYUIOPASDFGHJKLZXCVBNM
QWERTYUIOPASDFGHJKLZXCVBNM
8.
QWERTYUIOPASDFGHJKLZXCVBNM
QWERTYUIOPASDFGHJKLZXCVBNM
9
QWERTYUIOPASDFGHJKLZXCVBNM
QWERTYUIOPASDFGHJKLZXCVBNM

您只需在stickycol css类中添加一些css属性即可

对齐项目:居中和显示:灵活对齐

对齐内容文本对齐用于水平对齐

请参阅代码片段

表格{
边界塌陷:分离;
边框顶部:3倍纯色灰色;
}
运输署,
th{
保证金:0;
边框:3倍纯色灰色;
边框顶部宽度:0px;
高度:30px;
}
div{
宽度:600px;
溢出-x:滚动;
左边距:70像素;
溢出y:可见;
垫底:1px;
}
stickycol先生{
文本对齐:居中;
证明内容:中心;
对齐项目:居中;
显示器:flex;
线高:13px;
位置:绝对位置;
宽度:70px;
左:0;
顶部:自动;
右边框:0px非黑色;
边框顶部宽度:3倍;
/*仅与第一行相关*/
利润上限:-3px;
/*补偿上边框*/
单词包装:打断单词;
空白:-moz预包装!重要;
/*Mozilla,自1999年以来*/
空白:-预包装;
/*歌剧院4-6*/
空白:-o形预包装;
/*歌剧7*/
空白:预包装;
/*css-3*/
单词包装:打断单词;
/*Internet Explorer 5.5+*/
空白:-webkit预包装;
/*更新版本的Chrome/Safari*/
单词break:打破一切;
空白:正常;
}
.朗{
字母间距:1米;
}

可乐
可乐
可乐
这篇课文太长了
QWERTYUIOPASDFGHJKLZXCVBNM
QWERTYUIOPASDFGHJKLZXCVBNM
2.
QWERTYUIOPASDFGHJKLZXCVBNM
QWERTYUIOPASDFGHJKLZXCVBNM
3.
QWERTYUIOPASDFGHJKLZXCVBNM
QWERTYUIOPASDFGHJKLZXCVBNM
4.
QWERTYUIOPASDFGHJKLZXCVBNM
QWERTYUIOPASDFGHJKLZXCVBNM
5.
QWERTYUIOPASDFGHJKLZXCVBNM
QWERTYUIOPASDFGHJKLZXCVBNM
6.
QWERTYUIOPASDFGHJKLZXCVBNM
QWERTYUIOPASDFGHJKLZXCVBNM
7.
QWERTYUIOPASDFGHJKLZXCVBNM
QWERTYUIOPASDFGHJKLZXCVBNM
8.
QWERTYUIOPASDFGHJKLZXCVBNM
QWERTYUIOPASDFGHJKLZXCVBNM
9
QWERTYUIOPASDFGHJKLZXCVBNM
QWERTYUIOPASDFGHJKLZXCVBNM

谢谢Pawan Kumar:)