
css-浮动
蒙子呀~
这个作者很懒,什么都没留下…
展开
-
width: fit-content;的兼容性问题以及定位盒子的宽度问题
width: fit-content;的兼容性问题,以及定位的盒子未设置宽度,导致换行的问题下面是解决问题的过程解决问题下面是解决问题的过程首先我们要了解盒子定位了之后,不设置宽度,宽度是父盒子的一半这个概念。内容少于一半不会出现问题,大于父盒子的一半就会出现换行。因此我们会想到用width: fit-content;或者width: auto;去让盒子自动撑开。结果这两个是有兼容性的。目前测试了十几种机型以及浏览器,只有一个机型可能会出现问题 iphone 11 手机百度浏览器。解决问题1原创 2022-03-18 10:51:37 · 4438 阅读 · 0 评论 -
左右浮动的元素,再加一个普通元素 ,如何让普通元素居中
左右浮动的元素,再加一个普通元素 ,如何让普通元素居中今天遇到了这样一个问题,父盒子是display :table ;两个子盒子分别左右浮动,但是需求需要在中间位置加上一个标题。因为用的是bootstrap导航组件,不便改组件的布局结构,所以自己加了个a标签;但是放上之后无论如何无法居中,margin: 0 auto失效。但是margin-left有用,但是title的长度不一样,所以不能固定margin-left;思考1:margin-left:50%;transform:translateX原创 2021-03-24 11:20:53 · 193 阅读 · 0 评论