different9102的博客

width: fit-content;的兼容性问题，以及定位的盒子未设置宽度，导致换行的问题下面是解决问题的过程解决问题 下面是解决问题的过程 首先我们要了解盒子定位了之后，不设置宽度，宽度是父盒子的一半这个概念。 内容少于一半不会出现问题，大于父盒子的一半就会出现换行。 因此我们会想到用width: fit-content;或者width: auto;去让盒子自动撑开。 结果这两个是有兼容性的。目前测试了十几种机型以及浏览器，只有一个机型可能会出现问题 iphone 11 手机百度浏览器。 解决问题 1

左右浮动的元素，再加一个普通元素 ，如何让普通元素居中 今天遇到了这样一个问题，父盒子是display ：table ； 两个子盒子分别左右浮动，但是需求需要在中间位置加上一个标题。 因为用的是bootstrap导航组件，不便改组件的布局结构，所以自己加了个a标签； 但是放上之后无论如何无法居中，margin： 0 auto失效。但是margin-left有用，但是title的长度不一样，所以不能固定margin-left； 思考1：margin-left：50%；transform：translateX