通常,如果希望元素显示在同一行中,可以将元素设置为display:inline.但是,将元素设置为内联意味着Width属性将没有意义.

如何使div在不内联的情况下位于同一行中?

推荐答案

你可以用display:inline-block.

此属性允许DOM元素具有挡路元素的所有属性,但使其保持内联.有一些缺点,但大多数时候已经足够好了.Why it's good and why it may not work for you.

EDIT:唯一有问题的modern浏览器是IE7.见Quirksmode.org

Css相关问答推荐

当optgroup元素不包含任何未使用CSS禁用的选项元素时,如何隐藏它

CSS Grid,意想不到的差距

如何将Ant设计日期 Select 器的图标设置在输入 Select 器之前而不是之后

如何在元素上打孔才能看到下面的背景图像?

如何将CSS动画从第一列移动到第二列?

当滚动量较小时,在滚动问题上动画粘性导航

React MUI 从 CSS 伪元素中删除内容

如何使用 ReactJS 使用 CSS 设置 map 容器的样式

Tailwind CSS 隐藏和可见

Angular (13) material - 覆盖 CSS 文件不起作用

React Typescript 中的自动 typewriter 效果

直观地指示 IFrame 内的表单正在提交,但没有 javascript

如何将转换应用于相同的元素但处于不同的状态:悬停

Ant Design:将位置子菜单移动到屏幕顶部

nth-child 在一个页面上工作,但不在另一个页面上

基于类的 CSS Select 器

你能用 JavaScript 控制 GIF 动画吗?

使用 JavaScript 将 CSS 添加到 ?

Chrome 呈现 colored颜色 的方式与 Safari 和 Firefox 不同

虚拟键盘激活时的屏幕样式