Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 2个具有自动文本分隔符的div元素_Html_Css_Css Float - Fatal编程技术网

Html 2个具有自动文本分隔符的div元素

Html 2个具有自动文本分隔符的div元素,html,css,css-float,Html,Css,Css Float,有没有办法让两个Div元素并排,比如width:200px,height:200px和float:left,在两个Div之间有一个“自动”的分页符,而不需要使用PHP(计算单词数,即) 我问的原因是我有一个很长的动态文本。我想把它扩展到2个div,而不是css 迈克据我所知,你想把你的长文本放在专栏里吗?对同一个文本源使用两个div并不是那么容易,而且肯定需要JavaScript(确切地说是jQuery) 但是,您可能正在寻找的方法是 如果您希望文本在两个divs(我想这就是您想要的?)之间传递

有没有办法让两个Div元素并排,比如width:200px,height:200px和float:left,在两个Div之间有一个“自动”的分页符,而不需要使用PHP(计算单词数,即)

我问的原因是我有一个很长的动态文本。我想把它扩展到2个div,而不是css


迈克

据我所知,你想把你的长文本放在专栏里吗?对同一个文本源使用两个div并不是那么容易,而且肯定需要JavaScript(确切地说是jQuery)

但是,您可能正在寻找的方法是


如果您希望文本在两个
div
s(我想这就是您想要的?)之间传递,那么您可以使用CSS列

div#columns {
    column-count:2;
    column-gap:20px;
    -moz-column-count:2;
    -moz-column-gap:20px;
    -webkit-column-count:2;
    -webkit-column-gap:20px;
}
例如:


更多信息:

当div中的文本溢出时,使用CSS可以允许显示滚动条(例如,如果需要垂直滚动条,可以使用
overflow-y:auto
),但不能指定另一个元素来“传输”补充文本

但是,这可以通过JavaScript来实现,通过测试添加文本后div的内容是否溢出,然后将一些文本移动到另一个div。但是我更喜欢简单地允许用户滚动

div#columns {
    column-count:2;
    column-gap:20px;
    -moz-column-count:2;
    -moz-column-gap:20px;
    -webkit-column-count:2;
    -webkit-column-gap:20px;
}