源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
楼主: ttx9n

[CSS] css样式限制、防止表格被连续英文字母拉长及控制大图片的网页宽度

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2010-12-6 20:23:59 | 显示全部楼层 |阅读模式
最近做一个论坛,遇到了这两个问题,觉得也挺有意思的,就也写上吧 限制、防止表格被连续英文字母拉长

  <table>标记中<table style="table-layout:fixed;">
这句话的意思就是将表格定位,不管里面有多少内容,如果超出,将自动覆盖然后我们再为单元格定位,

  <td>标记中<td style="width:100%;word-wrap:break-word;">
这句话的意思就是将单元格的内容自动换行

  主要样式"word-wrap:break-word"  

  控制大图片的网页宽度

复制代码代码如下:
  .div1{margin: auto;width: 600px;}
  .div1 img{max-width: 100% !important; height: auto!important;
    width:expression(this.width > 600 ? "600px" : this.width)!important;}

  设置该样式下的图片,最大宽度为600,当图片大过600的时候把它设问600并自动缩放。

  据说这种图片第一次加载时候图片不能显示,但我没发现是不是有这情况。

  当然也可以用  overflow:auto; 样式在div上 这样的话如果图片过大的话就会出现滚动条

  在需要发大图的地方可以使用
回复

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2022-11-13 13:08:18 | 显示全部楼层
终于找到了,我擦
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2022-12-13 15:46:16 | 显示全部楼层
有什么好的服务器
回复 支持 反对

使用道具 举报

3

主题

2万

回帖

50

积分

注册会员

Rank: 2

积分
50
发表于 2023-2-5 02:52:28 | 显示全部楼层
啪啪啪生怕PSP怕
回复 支持 反对

使用道具 举报

1

主题

2万

回帖

79

积分

注册会员

Rank: 2

积分
79
发表于 2023-2-6 23:56:02 | 显示全部楼层
可以,看卡巴
回复 支持 反对

使用道具 举报

3

主题

2万

回帖

294

积分

中级会员

Rank: 3Rank: 3

积分
294
发表于 2023-9-9 23:00:09 | 显示全部楼层
呵呵呵呵呵呵
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

67

积分

注册会员

Rank: 2

积分
67
发表于 2023-10-16 03:35:51 | 显示全部楼层
终于找到了,我擦
回复 支持 反对

使用道具 举报

6

主题

1万

回帖

174

积分

注册会员

Rank: 2

积分
174
发表于 2023-11-22 14:52:51 | 显示全部楼层
建军节建军节建军节建军节
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

347

积分

中级会员

Rank: 3Rank: 3

积分
347
发表于 2023-11-27 20:31:57 | 显示全部楼层
谢谢楼主分享
回复 支持 反对

使用道具 举报

6

主题

2万

回帖

425

积分

中级会员

Rank: 3Rank: 3

积分
425
发表于 2024-4-15 15:58:40 | 显示全部楼层
下载来瞧瞧
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-12-4 17:57 , Processed in 0.069682 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

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