Html列宽度太大 Bootstrap

nc1teljy 于 2022-12-08 发布在 Bootstrap

关注(0)|答案(2)|浏览(154)

第一个
我有这个span：

var trashcan = document.createElement("span");
  trashcan.className = "ml-4 col bi bi-trash";
  trashcan.setAttribute(
    "style",
    "padding-left: 0px !important; padding-right: 0px !important; width: 10px !important;"
  );

它基本上是一个垃圾桶图标，稍后我想点击它并执行一些操作。我的问题是它太宽了，就像我们在这里看到的：

我想这是Bootstrap的col的一些属性，但是我试着用width: 10px !important;覆盖，但是仍然不起作用。有人知道我如何使宽度和里面的图标一样大吗？我也试过width: fit-content，但是仍然不起作用。谢谢

twitter-bootstrap

来源：https://stackoverflow.com/questions/73190109/html-column-width-is-too-much-bootstrap

2条答案

按热度按时间

bcs8qyzn1#

列的大小来自flex属性。可以将其设置为initial并设置width:fit-content
第一个

赞(0）回复(0）举报 2022-12-08

col17t5w2#

问题是设置灵活选项（如flex-grow和flex-shrink），因为这些选项会动态覆盖width选项以适应窗口宽度。
您可以将max-width设置为所需值，也可以通过flex-shrink: initial;和flex-grow: initial;删除设置值

赞(0）回复(0）举报 2022-12-08

我来回答

Html列宽度太大 Bootstrap

2条答案

相关问题

热门标签

最新问答