CSS Layout - 如何設(shè)置列計(jì)數(shù)并使用媒體查詢
我們想知道如何設(shè)置列計(jì)數(shù)并使用媒體查詢。
<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
@media only screen and (min-width: 480px) {
article p {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}
</style>
</head>
<body>
<section>
<article>
<h1>FooBlip</h1>
<p>This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test. </p>
</article>
<section>
</body>
</html>
【column】
