如何做出网页下拉文字

Posted 2023-05-15

就是在一个DIV里有许多文字。不过文字太多。在这一个DIV里看不完。就多了个下拉文字的箭头。这种的如何实现

网上的方法大多是js实现的,但事实上有种很简单的只用css的方法:

将装文字的div的css弄一个overflow:hidden(溢出处理方式为隐藏),然后max-height:xxx(最大长度为xxx),这样只要超过这个长度就会被自动隐藏起来.然后相同的div定义hover的伪类,取消掉max-height的限制.
当然,这样只用css的方法是比较笨拙的,用户体验远远达不到js的程度.所以建议最好还是使用js来实现,这样也方便超出长度之后添加一个箭头表示可以下拉. 参考技术A 最佳的实现是这样，你网页上只放一个长度固定的label， 超过长度之后出现下拉箭头。 在下拉箭头的时候用ajax去取得全部内容，在success的callback方法中创建一个div，将文字全部写入div，设计div的样式，计算显示位置。

实际上你可以参考一下jQuery的tooltip实现。http://flowplayer.org/tools/demos/tooltip/

为了用户体验，多用ajax吧 参考技术B 网站要注意用户体验，这样做用户浏览起来不方便，肯定没前途 参考技术C 不知道什么意思，放textarea里面不久又下啦菜单了嘛

一个关于网页htm制作，文字位置的问题？

怎么让正文文字前面空几个格？每行都是，就是让它不顶着前线，还有怎么控制页面高度？当文字多时自动加高？地址是http://www.92peng.com/notice/gonggao/6.htm
关键位置代码<div class="bd" id="cate"><h3><$categoryname></h3> <p align="center"><font face="方正北魏楷书简体"> <font size="5"><$title></font></font></p><p align="center"><$y>-<$m>-<$d> <$h></p><p align="center"><$author> </p><a><$data></a> </div> <div id="meta" class="clearfix bd">
<$data>是cms得正文，就是把文章内容放到这里，你说得加空格，怎么在每行都加？我的是cms，引用程序文字，代码只有一行，而文字却可以是很多，你那种我还不是很懂，我用table把问题解决了，谢谢你们

& nbsp;为空格,一个& nbsp;为半个字符的空格(& nbsp;不要空格,我不加空格你就看不到了)
你说的文字多时自动加高,以下为网上引用,多谢作者

我们看下面的代码：
<div id="main">
<div id="content"></div>
</div>

当Content内容多时，即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了，但容器main的高度还是不能撑开。

我们可以通过三种方法来解决这个问题。
一，增加一个清除浮动，让父容器知道高度。请注意，清除浮动的容器中有一个空格。
<div id="main">
<div id="content"></div>
<div style="font: 0px/0px sans-serif;clear: both;display: block"> </div>
</div>

二，增加一个容器，在代码中存在，但在视觉中不可见。
<div id="main">
<div id="content"></div>
<div style="height:1px; margin-top:-1px;clear: both;overflow:hidden;"></div>
</div>

三，增加一个BR并设置样式为clear:both。
<div id="main">
<div id="content"></div>
<br style="clear:both;" />
</div> 参考技术A 如果每行都要空几格的话，建议用css的padding-left实现，页面高度一般都是自适应的。不需要设置。