0
A
回答
1
可以使用CSS columns做到这一点:
.layout{
\t columns: 2;
}
<div class="layout">
\t <p>Ipsum ipsam iusto necessitatibus odio quas pariatur molestiae, omnis veritatis consectetur magni ducimus ullam nisi nam, dicta quo exercitationem illo dolorum at tempora sed. Voluptatem laudantium veritatis, voluptate fuga doloremque.</p>
\t <p>Saepe excepturi nam odit at, voluptas nostrum, porro pariatur illo facere temporibus ad non nesciunt, possimus mollitia, dolore id dicta vitae aliquid dolorum eveniet ipsa doloremque explicabo praesentium quod! Deserunt!</p>
</div>
0
您可以使用column-count
这一点。
div {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
<div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nec risus iaculis, viverra quam vel, lacinia mi. Suspendisse ornare dolor arcu, et cursus nunc condimentum id. Aenean imperdiet urna a elit pretium, ac rhoncus libero lacinia. Nulla tempus, ante ac aliquam sollicitudin, est risus congue lacus, in molestie tortor lectus quis massa. Aliquam quis tellus tellus. Aenean neque diam, aliquet et diam sed, vestibulum egestas tortor. Duis at sapien eros. Duis gravida ullamcorper augue, a porttitor sapien convallis vitae. Vestibulum rutrum, mauris a laoreet malesuada, orci metus scelerisque ipsum, sit amet mattis elit urna eget ex. Ut sit amet blandit elit, ac consequat justo.
Mauris quis lorem quam. Vivamus consequat convallis tortor, in viverra ipsum feugiat placerat. Donec nec velit tincidunt, posuere eros ac, placerat lorem. Donec gravida tristique ligula, eget accumsan dui convallis euismod. Proin ullamcorper felis sem, id porta velit cursus non. Duis in magna risus. Donec id massa sed justo faucibus fringilla. Quisque posuere nisi eget rutrum viverra. Pellentesque orci dui, eleifend et sodales nec, scelerisque consequat odio. Donec vel lacus suscipit, molestie ipsum ac, vulputate mi.
Morbi porttitor lorem ac magna bibendum lobortis euismod vitae est. Proin eu semper libero. Pellentesque turpis velit, pharetra sed odio ac, pharetra eleifend dui. Vivamus lacinia purus elit, nec sodales velit blandit vel. Mauris posuere at enim id malesuada. Pellentesque viverra ante at odio euismod dictum. Quisque non ullamcorper augue, eu hendrerit lorem. Donec malesuada nisi quis condimentum congue. Sed eget leo eget tortor lacinia sagittis.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam posuere interdum elit in luctus. Sed pulvinar faucibus velit, non eleifend diam efficitur in. Maecenas tristique justo ante, congue porttitor enim tempus in. Ut rhoncus vehicula tellus consectetur congue. Nulla aliquet lorem id tellus pharetra malesuada. Praesent a arcu sed velit malesuada fermentum eget vitae urna. Curabitur rhoncus, augue at ullamcorper semper, nisi urna tempor risus, nec vestibulum sapien nunc at risus. Pellentesque luctus scelerisque mi, quis lacinia tellus pharetra tincidunt. Pellentesque eu eros posuere, tempus enim eget, fermentum lacus. Suspendisse sit amet odio at justo porttitor ultrices.
Vivamus nec augue eleifend, condimentum lectus id, dapibus tellus. In hac habitasse platea dictumst. Vestibulum pretium consectetur mauris nec vestibulum. Praesent nec nibh velit. Fusce fermentum, lacus in posuere tincidunt, erat nulla finibus leo, et venenatis dui sem non neque. Vestibulum laoreet ornare dui eu eleifend. Etiam eleifend molestie dapibus. Nulla vitae purus est. </div>
相关问题
- 1. ASP.NET HTML布局设计
- 2. Android的布局中的布局设计
- 3. 布局设计 - 在PHP
- 4. 问题在设计布局
- 5. 布局设计在android
- 6. android中的布局设计
- 7. Android布局设计
- 8. Android设计布局
- 9. WPF - 布局设计
- 10. Wordpress中的两列布局?
- 11. CSS两列布局
- 12. Android两列布局
- 13. Bootstrap两列布局
- 14. WPF设计布局vs编译布局
- 15. 如何列出用户设计布局
- 16. 如何在android中设计布局?
- 17. 两列布局:问题列
- 18. 列中的两列CSS布局和列
- 19. 如何在两列布局中将右侧栏设为静态
- 20. SQL表格设计布局
- 21. Opencart的布局和设计
- 22. 问题设计XML布局
- 23. 布局设计思路
- 24. 设计与多个布局
- 25. 动态设计表布局
- 26. 动态布局设计
- 27. Android:AppWidget设计和布局
- 28. android布局设计工具
- 29. 响应式设计布局
- 30. 设计布局/模式
看看这里:https://css-tricks.com/almanac/properties/c/columns/ – Gerard
@Gerard:我给它一个try..thanks – JakeGosemath