Question

我正在尝试实现有关主题的内容，因此将工具提示设置为固定宽度，并根据我的相对父母正确对齐。我不明白逻辑，如果将min-width设置为100％，则宽度看起来像父div的50％，如果更改它，则会得到两种不希望有的行为：

1）工具提示超出了父div（在我的情况下是右侧）

2）如果我更改了工具提示类的绝对位置（而不是内部的），则可以获取所需的信息，但tooltip-arrow元素不再正确对齐（试图更改工具提示类的位置-箭头，但即使成功！在正确的值上具有！important也是如此！）

您有什么建议或最佳做法吗？这是我的jsfiddle

  .col-custom {
     border: 1px solid black;
     position: relative;
  }
  .tooltip-inner {
     min-width: 100%;
     max-width: 70%;
  }
  .fa-info-circle {
     position: absolute;
     right: 5px;
     top: 0px;
  }

Css：

Node

Answer 1

只需在CSS中添加它即可。您没有设置工具提示的宽度和位置。

object[] theProcessToRun2 = { "CMD.EXE /C " + '"' + "echo.exe test 123 4 5 6 7" + '"' + " " + "> " + '"' + @"C:\temp10\Pythontest.py" + '"' };

using (var managementClass = new ManagementClass(serviceScope, new ManagementPath("Win32_Process"), new ObjectGetOptions()))
{
managementClass.InvokeMethod("Create", theProcessToRun2);
}

如果想要正确的对齐方式，请添加它。

.tooltip{
  width:100%;
  left:0 !important;
  right:0  !important;
}

JS用于右对齐

  .tooltip{
     width:100%;
     right:100%  !important;
  }

Bootstrap工具提示，如何使用带有对齐的固定？

1 个答案: