极客观点
项目管理
HarmonyOS
<div>
<ul class="bucket">
<li> <div> a</div> <div> aa</div></li>
<li> <div>b</div> </li>
</ul>
</div> .bucket li{
display:inline-block;
// display:inline;
// height:32px;
background-color:#779911
}当 li 里面嵌套div的时候,为什么嵌套的div默认没有和外层的 li一样表现为横排?
阅读 5k
<html>
<head>
<title> </title>
<style type="text/css">
.bucket li{
float:left;
display:inline;
}
</style>
</head>
<body>
<div>
<ul class="bucket">
<li> <div> a</div> </li>
<li> <div>b</div> </div>
</ul>
</div>
</body>
</html>
把 li的样式 display：inline 换 display：inline-block 就好。还有 行内元素我开发过程中很少设置成inline，即使要转换行内也是 display：inline加个block 还能控制宽高，你这个inline就相当把元素变成了span，这种行内元素就别再套子元素了，a标签你可能见过网站套东西的，但a比较特殊，别效仿
另外，inline并不等于你说的左浮了，你用float： left这才叫真正的左浮动，也能实现你说的效果
撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
参考使用：antd的Tag我做了2行的Tag： {代码...} 现在的需求是，如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？3 回答1.4k 阅读✓ 已解决
如何实现类似豆包的AI改写框跟随内容滚动效果？
豆包这种是怎么实现的，ai改写这个框是跟随内容滚动的，但是ai改写这个框是在body下与根节点平级的，想了半天，看他页面上代码也看不出来，求助4 回答1.4k 阅读✓ 已解决
body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？
:first-child 选中了什么如题，在学习:first-child伪类的时候，我使用如下语法，但是产生的结果在预料之外。codepen链接html {代码...} css {代码...} 按照:first-child语法，body :first-child选中的应该是body的第一个子元素，也就是 {代码...} 结果选中了这个元素 {代码...} 网上搜索无果，所以来这里提问了，body :f...2 回答997 阅读✓ 已解决
如何在CSS中实现滚动条不溢出圆角框？
请问css如何实现滚动条在外侧滚动框的下一层？我最近在设计一个小插件，里面有一个换肤的小弹窗，小弹窗里还有一个小框，在这个小框里加了滚动条，小框为了美化做了border-radius，然后为这个框自定义了::webkit-scrollbar伪类，但是我发现这个滚动条会溢出这个框，很不好看，下图为现在的效果：我想做到上下的滚动条可...2 回答1.4k 阅读✓ 已解决
请问，是否可以设定Table的宽度，或者不让其超过父容器呢？
我写了一个可编辑Cell的List： {代码...} 使用方式： {代码...} 现在的问题是，比如：内容过长会直接冲出父容器：请问，是否可以设定Table的宽度，或者不让其超过父容器呢？2 回答1.2k 阅读✓ 已解决
css如何设置纵向滚动条的高度？
设计给的图纵向滚动条的高度只有20px，但是无论如何设置都不管用。宽度可以设置，高度不管用。 {代码...}4 回答1.4k 阅读
表数据复制一条添加到数据库，前端跳转到数据所在的page页，滚动到对应行并添加高亮样式异常？
现在的情况是点击菜单切换表数据后点击copyCell方法复制数据，然后执行getData获取新的表数据。当我第一次点击复制，跳转到了对应的page页，高亮的class名称在，高亮效果不显示，当我第二次点击复制，这个高亮效果显示。第三次点击复制，高亮不显示，第四次显示，以此类推，这种情况该怎么解决？1 回答1.2k 阅读✓ 已解决
因为div是块级元素。可以尝试将div设置display:inline-block