CSS中如何实现分屏，或者点开一个网页时打开两个网页

html-css020

CSS中如何实现分屏，或者点开一个网页时打开两个网页,第1张

css不行，使用JavaScript的open方法即可

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript">

function change(){

var sw=window.screen.width

var sh=window.screen.height

window.open('http://www.google.com','newWin1','width='+sw/2+',height='+sh+',screenX=0,screenY=0')

window.open('http://www.baidu.com','newWin2','width='+sw/2+',height='+sh+',screenX='+sw/2+',screenY=0')

}

</script>

</head>

<body>

<a href="###" onclick="change()">ddddd</a>

</body>

</html>

想要使用CSS将div元素的内容分成多列来显示，可以使用columns属性。columns属性一个简写属性，可以设置列数和列宽，用于设置分栏模块。下面本篇文章就来给大家介绍一下columns属性，希望对大家有所帮助。

columns 属性是一个简写属性，一次可以采用多个值；用于设置列宽和列数。

语法：

属性值：

●　auto： 这会将列宽和列计数值设置为其浏览器默认值。

示例：

效果图：

注意：如果未指定column-width和column-count中的任何值，则浏览器默认将其值设置为auto。

●　column-width和columns-count ：用于使用整数值指定列宽和列数。

效果图：

浏览器支持：

●　Chrome 50.0, 4.0 -webkit-

●　Edge 10.0

●　Firefox 52.0, 9.0 -moz-

●　Safari 9.0, 3.1 -webkit-

●　Opera 37.0, 15.0 -webkit- 11.1