aardio 官方社区

 找回密码
 注册会员

QQ登录

只需一步,快速开始

搜索
查看: 12273|回复: 1

file控件.补充css

[复制链接]

117

主题

1103

回帖

6572

积分

六级会员

积分
6572
发表于 2013-8-10 00:27:22 | 显示全部楼层 |阅读模式
  1. import win.ui;
  2. /*DSG{{*/
  3. var winform = ..win.form( bottom=400;parent=...;right=600;text="aardio Form" )
  4. winform.add(  )
  5. /*}}*/

  6. import web.layout
  7. wb = web.layout(winform)

  8. wb.html = /**
  9. <html>
  10. <body>
  11. <head>
  12. <style>

  13. .file{
  14.   text-align:left;
  15.   overflow-x:hidden;//与下面两行联合使用
  16.   white-space:nowrap;
  17.   text-overflow:ellipsis;//长字符串显示为...
  18. }
  19. }

  20. </style>
  21. </head>
  22. <body>
  23.        
  24.   <div style="text-align:center;">
  25.     <input type="file" />
  26.     <br />
  27.     <input type="file" .file />
  28.     <br />
  29.     <input type="file" novalue="我是超级长的文件名我是超级长的文件名我是超级长的文件名我是超级长的文件名我是超级长的文件名我是超级长的文件名我是超级长的文件名" />
  30.   </div>


  31. </body>
  32. </html>
  33. **/


  34. winform.show();
  35. win.loopMessage();
复制代码
问题说明
1,当file控件外部标签的 文字对齐 不为左的时候file控件会随之改变
2,当导入超长文件名的文件时 会导致空间变形 可能会导致整个界面的布局改变 所以我把这种情况 用 省略号的方法表示了

  1. input[type="file"]{
  2.   text-align:left;
  3.   overflow-x:hidden;//与下面两行联合使用
  4.   white-space:nowrap;
  5.   text-overflow:ellipsis;//长字符串显示为...
  6. }
复制代码

13

主题

294

回帖

1790

积分

荣誉会员

积分
1790
发表于 2013-8-10 12:05:23 | 显示全部楼层
不错,谢谢
您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

手机版|未经许可严禁引用或转载本站文章|aardio.com|aardio 官方社区 ( 皖ICP备09012014号 )

GMT+8, 2024-10-13 08:08 , Processed in 0.071991 second(s), 22 queries .

Powered by Discuz! X3.5

Copyright © 2001-2024 Tencent Cloud.

快速回复 返回顶部 返回列表