javascript - 如何使用文本换行将 div 排成一行?

标签 javascript html css

我正在制作一个可以将标签添加到帖子的应用程序,很像 stackoverflow 的标签系统。我想显示所有常用标签的列表,每个标签都在一个完全适合标签的小框中(例如 <input type="submit"> 标签会拉伸(stretch)以适应单词的大小)。我该怎么做才能得到 <div>在它们包含的 div 中使用文本换行使自己水平对齐? IE。像这样,每个单词都有 <div id="tag"> :

tag1 thisisalongtag
biology physics
thiswordwraps science
one two three four

最佳答案

最简单的解决方案是使用 display: inline-block 设置标签元素的样式,它允许文本换行,同时防止边距折叠。

关于javascript - 如何使用文本换行将 div 排成一行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9405425/

相关文章:

javascript - 一段时间后阻止UI

javascript - jQuery mouseenter 函数不会在使用 Javascript 的 ext HTML 中包含的元素上触发

html - 您能否提供一些示例说明为什么使用正则表达式难以解析 XML 和 HTML?

html - 背景图片属性

html - Bootstrap 标题在弹回之前会崩溃一秒钟?

html - 鼠标悬停时链接不改变颜色 :hover

javascript - 加载窗口时 setInterval 在 Chrome 和 Firefox 中不起作用

javascript - this.show 和 this.show() 函数调用的区别?

javascript - Dropzonejs : change maxFiles programmatically

php - 从数据库检索数据并分解并基于该选择复选框