javascript - 这个文件夹显示隐藏这种功能该怎么做？

Question

如果这个文件夹是通过循环出来的，如果字符串很长，全部显示字符串的时候怎么不影响布局

Answer 1

未选中的时候，正常做，文本就超出显示 ...
然后选中的时候，原来的文本 visibility:hidden 保持原来占据的空间
然后 叠一个 绝对定位的 文本 DIV 上去，显示所有文本，固定宽度，超出换行就好了
放个 半透明背景颜色 rgba(255,255,255,0.9)

Answer 2

怎么可能全部显示字符串，假如全部字符串 1万，10万，百万，怎么可能不影响布局！！！

最多显示两行或者三行，多出省略号。你把高度固定死两行或三行的高度，就不影响布局。

显示全部字符串可以用 tooltip 的方式

Answer 3

额，也不知道是不是要这样的效果，如果是的话，那就是在鼠标 :hover 的时候改变文本类型就是了。

https://jsfiddle.net/ts91v3p5/

<div class="item">  <img src="https://img1.baidu.com/it/u=569856857,3483042356&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=1157" />  <span>这是一个美女吗？我不知道，反正是从百度里拿搜出来的，是不是美女你自己看啊。</span></div>

.item {  width: 200px;}.item img {  display: block;  width: 200px;  height: 200px;  margin-bottom: 8px;}.item span {  display: block;  width: 100%;  height: 20px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}.item:hover span {  display: inline;  white-space: normal;}

Answer 4

如果你想在文件夹中显示隐藏文件，你可以使用以下方法：

1. 在文件夹中打开命令行终端（如Windows的命令提示符或MacOS的终端）。
2. 输入命令 dir /a（Windows）或 ls -a（MacOS）来显示所有文件和文件夹，包括隐藏文件。
3. 找到你想要显示隐藏文件的文件夹，并进入该文件夹。
4. 输入命令 attrib -h（Windows）或 chflags nohidden（MacOS）来取消隐藏该文件夹中的所有隐藏文件。

如果你需要编程来解决这个问题，你可以使用操作系统提供的API来列出文件夹中的所有文件和文件夹，包括隐藏文件。具体的实现方式会因操作系统而异，你可以查阅相关文档或使用搜索引擎来找到适合你的编程语言的代码示例。

如果你的字符串很长，全部显示字符串的时候会影响布局，你可以考虑使用文本编辑器或开发工具的自动换行或滚动条功能来查看完整的字符串。如果你需要在编程中处理这种情况，你可以尝试截取字符串的前N个字符或使用分页技术来分批显示字符串。具体实现方式会因编程语言和需求而异，你可以查阅相关文档或使用搜索引擎来找到适合你的代码示例。