Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.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,我们接到一个客户的奇怪请求。他们希望特定的内容以图标为中心。居中本身不是问题,图标也不是问题 问题是,如果图标没有左对齐,我无法找到将以可变宽度居中的方法 因此,我们正试图实现您在中看到的效果,除了图标应该正常地浮动到的左侧,就像它左对齐一样 关于如何实现这一点有什么想法吗?FWIW,我们使用的是TWBS 2.1.1,但这似乎很普通,引导甚至不应该成为一个因素。您应该添加这一点 li { border: 1px dotted green; list-style-position:

我们接到一个客户的奇怪请求。他们希望特定的
内容以图标为中心。居中本身不是问题,图标也不是问题

问题是,如果图标没有左对齐,我无法找到将
  • 以可变宽度居中的方法

    因此,我们正试图实现您在中看到的效果,除了图标应该正常地浮动到
  • 的左侧,就像它左对齐一样

    关于如何实现这一点有什么想法吗?FWIW,我们使用的是TWBS 2.1.1,但这似乎很普通,引导甚至不应该成为一个因素。

    您应该添加这一点

    li {
        border: 1px dotted green;
        list-style-position: inside;
    }
    

    或者你可以这样做的图像图标


    试着将整个分区集中在
      上,问题是
      li
      s,而不是
      ul
      本身