Css 如何使用绝对位置给出最大宽度
.工具提示{ 显示:内联块; 位置:相对位置; } .工具提示外部{ 可见性:隐藏; 位置:绝对位置; z指数:1070; 显示:块; 保证金:0; 字体大小:13px; 单词包装:打断单词; 不透明度:0; 文本对齐:左对齐; } .工具提示内部{ 最大宽度:200px; 填充:3px8px; 颜色:fff; 背景色:000; 边界半径:2px; } .工具提示:悬停。工具提示外部{ 能见度:可见; 不透明度:1; } [工具提示方向='右'] { 左:100%; 最高:50%; 左边距:8px; 转换:translateX0%translateY-50%; } 盘旋我 不要让恐惧或不安全感阻止你尝试新事物。Css 如何使用绝对位置给出最大宽度,css,Css,.工具提示{ 显示:内联块; 位置:相对位置; } .工具提示外部{ 可见性:隐藏; 位置:绝对位置; z指数:1070; 显示:块; 保证金:0; 字体大小:13px; 单词包装:打断单词; 不透明度:0; 文本对齐:左对齐; } .工具提示内部{ 最大宽度:200px; 填充:3px8px; 颜色:fff; 背景色:000; 边界半径:2px; } .工具提示:悬停。工具提示外部{ 能见度:可见; 不透明度:1; } [工具提示方向='右'] { 左:100%; 最高:50%; 左边距:8p
您必须同时定义宽度和最大宽度 前 希望这对您有所帮助 .工具提示{ /*显示:内联块*/ 位置:相对位置; } .工具提示外部{ 可见性:隐藏; 位置:绝对位置; z指数:1070; 显示:块; 保证金:0; 字体大小:13px; 单词包装:打断单词; 不透明度:0; 文本对齐:左对齐; } .工具提示内部{ 最大宽度:200px; 填充:3px8px; 颜色:fff; 背景色:000; 边界半径:2px; } .工具提示:悬停。工具提示外部{ 能见度:可见; 不透明度:1; } [工具提示方向='右'] { 左:80px;/*更改此行*/ 最高:50%; 左边距:8px; 转换:translateX0%translateY-50%; } 盘旋我 不要让恐惧或不安全感阻止你尝试新事物。 如果使用类似于很长文本的文本,则工具提示将与此文本重叠
.tooltip-inner {
max-width: 200px;
width: 100%;
padding: 3px 8px;
color: #fff;
background-color: #000;
border-radius:2px;
}