CSS自动控制图片大小的代码
2024-10-18 23:26:18
img {
max-width: 800px;
height: auto;
}
代码中的max-width:800px限制图片的最大宽度为800像素,而下面的hight:auto很关键,可以保证图片有正确的长宽比,不至于因为被调整宽度而变形。
实用例子(未经测试————————————————————)
WordPress自动调整图片大小
1、打开你的“样式表 (style.css)”文件,然后在 p img{ 或类似的地方添加下列代码(可以将所有550改成你想要的宽度)
代码如下
p img{
max-width: 550px;
width: expression(this.width > 550 ? "550px" : true);
height: auto;
}
这里是我实际中用到的一个设置样式
<style type="text/css">
#content img{max-width: 250px; height: auto; }
</style>
最新文章
- 用scikit-learn学习主成分分析(PCA)
- dom4j如何解析XML文件
- <;textarea>;使用的时候发现的两个问题的总结
- 如何获取应用宝APP ID
- WF(二)
- centos 7 中 tomcat 安装
- 在mac os下的Apache服务器的cgi中运行python
- 【CodeForces】【311E】Biologist
- Linux shell中的一个问题 ${}带正则匹配的表达式
- ios常用的框架(源自知乎上的回答)
- bison实例
- python之验证码识别 特征向量提取和余弦相似性比较
- HtmlHelper使用示例
- 2_PY基本数据类型
- grep 匹配打印的上下几行
- 【Vegas原创】SQL Server 只安装客户端的方法
- ASP.NET 网站管理工具介绍
- Exception in thread ";main"; java.lang.UnsatisfiedLinkError: org.apache.hadoop.io .nativeio.NativeIO$Windows.createDirectoryWithMode0(Ljava/lang/String;I)V
- asp.net Npoi 使用
- python网络编程之进程