当前位置: 首页 > 面试题库 >

如何使div元素内联显示?

闾丘成礼
2023-03-14
问题内容

鉴于此HTML:

<div>foo</div><div>bar</div><div>baz</div>

如何使它们像这样显示内联:

foo bar baz

不像这样:

foo
bar
baz


问题答案:

那是另一回事:

div.inline { float:left; }

.clearBoth { clear:both; }


<div class="inline">1<br />2<br />3</div>

<div class="inline">1<br />2<br />3</div>

<div class="inline">1<br />2<br />3</div>

<br class="clearBoth" /><!-- you may or may not need this -->


 类似资料:
  • 我试图使用Bootstrap 4创建一个导航栏,但在我的div标签项不内联,我不能将我的导航项对齐到右边 这里是HTML

  • 问题内容: 这可能是一个基本的html / css问题… 我有一个简单的一键式表单,我想在段落文本中内联显示。 即使表单具有style = display:inline属性,我在表单之前也会换行。有办法摆脱它吗? 表单元素可以出现在里面吗? 问题答案: 将表单标签移到段落外,然后将边距/填充设置为零:

  • 问题内容: 我需要动态设置DIV元素内的文本。什么是最好的浏览器安全方法?我有可用的prototypejs和scriptaculous。 该函数如下所示: 问题答案: 我将使用支持纯文本,HTML代码段或定义方法的任何JavaScript对象的Prototype 方法。

  • 问题内容: 鉴于: 如何注释,以便XML为: 问题答案: 您可以利用注释执行以下操作。 oo 酒吧 想要查询更多的信息 http://blog.bdoughan.com/2011/06/jaxb-and-complex-types-with-simple.html

  • 我一直试图在我网站的主页上做以下操作:全屏播放视频(无控件,无循环,静音,自动播放,存储在本地),当它结束时,视频被隐藏并显示一个div元素。 我习惯于使用HTML和CSS,但不太喜欢使用JavaScript,所以到目前为止,我所做的是放置视频,并使用复选框隐藏/显示元素(如图所示),然后尝试修改它,这样它就可以检测到视频何时结束,但我无法使其工作。 我使用的代码可能是错误的,因为它是为一个复选框

  • 问题内容: 我在DIV中有一个下拉菜单。 我希望用户单击其他任何位置时下拉菜单都隐藏。 不管用。 我知道.blur仅适用于这种情况,但是在这种情况下,最简单的解决方案是什么? 问题答案: 我认为问题在于div不会触发该事件。您需要捕获主体上的单击事件,然后确定目标是否为菜单div。如果不是,则用户单击了其他位置,并且需要隐藏div。