CSS浮动问题
我有大约 8 个段落,我想向左浮动,但有些段落的文本比其他段落多。
因此,当我在浏览器中查看时,我得到了我想要的从左到右浮动,但是当某些段落较长而有些段落较短时,我会在一列中看到多个短段落。
我想要的是每个新段落都在一个新列中。
我可以使用 css 来完成此操作,还是需要使用表结构?
抱歉,我会以视觉方式显示此内容,但内联 html 无法按预期工作。
I have about 8 paragraphs which I would like to float left, but some of the paragraphs have more text than others.
So when I view in a browser, I get the left to right floating that I want, but I get multiple short paragraphs in a column when some paragraphs are longer and some are shorter.
What I want is for each new paragraph to be in a new column.
Can I do this with css, or will I need to use a table structure?
Sorry, I would show this visually but the inline html doesn't work quite as expected.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
如果你想要列,你可以在控制浮动的类上设置一个宽度,否则它是一个块并占据其容器宽度的 100%:
If you want columns, you could set a width on the class that controls the float, otherwise it's a block and takes up 100% of the width of its container:
我很难想象你的布局是什么样子,但你尝试过
吗
?
它们使元素捕捉到下一个“未浮动”位置。但不确定这是否能解决您的情况。
I have trouble picturing what your layout looks like but have you tried
and
?
They cause the element to snap to the next "unfloated" position. Not sure whether that addresses your situation though.
也许为每个段落设置固定宽度?
Set a fixed width to each of the paragraphs perhaps?