width: expression(this.width > 50

最新推荐文章于 2021-08-03 19:11:25 发布
转载 最新推荐文章于 2021-08-03 19:11:25 发布 · 2.9k 阅读 · 0
文章标签：

#html #css

本文介绍了一种使用CSS实现图片按比例缩放到50px*50px以内的方法，适用于网页设计中对图片尺寸控制的需求。
width: expression(this.width > 50
2007-04-17 22:17

一副大图片按比例缩小到50px*50px以内，可以参照以下这段CSS：

thumbImage {
     max-width: 50px;
     max-height: 50px;
}
* html .thumbImage {
     width: expression(this.width > 50 && this.width > this.height ? 50 : true);
     height: expresion(this.height > 50 ? 50 : true);
}

 
cxzhq2002
关注
El表达式使用问题javax.el.ELException:Failed to parse the expression的解决方式
10-17
=`, `, `>`, `, `>=`）、逻辑运算符（`&&`, `||`, `!`）等。 此外，EL表达式还可以与JSTL（JavaServer Pages Standard Tag Library）结合使用，增强JSP页面的功能，例如进行条件判断、循环控制等。 在实际开发中，...
CSS中使用expression完美设置页面最小宽度
weixin_33748818的博客
12-15 1022
2019独角兽企业重金招聘Python工程师标准>>> ...
实现最小宽度的几种方法及CSS Expression[转]
u011927449的博客
01-21 460
实现最小宽度的几种方法及CSS Expression[转] 实现最小宽度的几种方法：css表达式尽量不用 支持FF IE7IE6 .test { ...
浏览器无法引用css,解决expression在Chrome浏览器不能加载css的问题
weixin_33013787的博客
08-03 980
先看一段HTML代码，在下边这段代码中，这张图片的宽度未知，我想写在CSS中写一行限制最大宽度为50px：Firefox或IE较高的版本可以直接写max-width。在IE的低版本浏览器中，我们可能会写如下的代码：#test img{width: expression(this.width > 50 ? '50px': true); max-width: 50px; }但上边的代码会有一个性...
CSS中的行为expression
桂林哈秋 - 我想学编程
11-22 671
原文：http://www.visc.cn/blog/post/318.html注意:不是非常需要，一般不建议使用expression，因为expression对浏览器资源要求比较高。IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javascript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javasc
<basePage:BasePage x:Class="Dy.Iot.UI.Views.ToolBar.AddServicePage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation " xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml " xmlns:basePage="using:Dy.UI.Core.Controls" xmlns:d="http://schemas.microsoft.com/expression/blend/2008 " xmlns:local="using:Dy.Iot.UI.Views.ToolBar" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006 " xmlns:toolkit="using:Dy.Toolkit.UI.Controls" xmlns:toolkitAP="using:Dy.Toolkit.UI.AttachedProperties" Width="340" Height="360" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" mc:Ignorable="d"> <Grid Margin="20"> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="*" /> </Grid.RowDefinitions> <StackPanel Grid.Row="0" Orientation="Vertical"> <TextBox Width="300" Height="Auto" Margin="0,0,0,10" IsEnabled="True" Header="{x:Bind ViewModel.ServiceName, Mode=OneWay}" /> <TextBox Width="300" Height="Auto" Margin="0,0,0,10" IsEnabled="True" Header="{x:Bind ViewModel.ServiceStatus, Mode=OneWay}" /> <TextBox Width="300" Height="Auto" Margin="0,0,0,10" IsEnabled="True" Header="{x:Bind ViewModel.ServiceIpAddr, Mode=OneWay}" /> <TextBox Width="300" Height="Auto" Margin="0,0,0,10" IsEnabled="True" Header="{x:Bind ViewModel.DeviceAccessNum, Mode=OneWay}" /> </StackPanel> <Button Grid.Row="1" Width="100" Height="Auto" HorizontalAlignment="Right" VerticalAlignment="Bottom" Background="#550FF000" Content="添加服务" Command="{x:Bind ViewModel.SavedCommand}"> <Button.Style> <Style TargetType="Button"> <Setter Property="MinHeight" Value="30" /> <Setter Property="FontSize" Value="14" /> <Setter Property="FontWeight" Value="SemiBold" /> </Style> </Button.Style> </Button> </Grid> </basePage:BasePage> 这个xaml文件中TextBox 控件无法输入文字 请处理
05-21
Text="{x:Bind ViewModel.ServiceName, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" /> ``` 这里的关键是： - `Mode=TwoWay`：使 `TextBox` 和 `ViewModel` 之间的数据双向同步。 - `UpdateSourceTrigger=...
直接改好我的代码：<Window x:Class="Zyan.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:assembly="clr-namespace:System;assembly=mscorlib" xmlns:local="clr-namespace:Zyan" mc:Ignorable="d" Title="Zyan" Height="550" Width="800"> <Window.Resources> <ObjectDataProvider x:Key="keySex" MethodName="GetValues" ObjectType="{x:Type assembly:Enum}"> <ObjectDataProvider.MethodParameters> <x:Type Type="local:RowState"></x:Type> </ObjectDataProvider.MethodParameters> </ObjectDataProvider> </Window.Resources> <Grid Background="#E5E5E5"> <!-- 3 rows --> <Grid.RowDefinitions> <!-- row.0 Tool Bar --> <RowDefinition Height="Auto"/> <!-- row.1 Data View --> <RowDefinition Height="*"/> <!-- row.2 Overview --> <RowDefinition Height="Auto"/> </Grid.RowDefinitions> <!-- row.0 Tool Bar --> <TabControl Name="tab_wp" TabStripPlacement="Top" FontSize="12" Grid.Row="0"> <TabItem Name="Project" Header="Project"> <DockPanel LastChildFill="False"> <Button Name="bt_open" Content="Open" Click="chooseFile"/> <Button Name="bt_save" Content="Save"/> <Button Name="bt_save_as" Content="Save As"/> </DockPanel> </TabItem> <TabItem Name="Lib" Header="Library"> <DockPanel LastChildFill="False"> <Button Name="bt_add_lib" Content="Add"/> </DockPanel> </TabItem> <TabItem Name="Online" Header="Online"> </TabItem> <TabItem Name="Review" Header="Review"> </TabItem> <TabItem Name="Settings" Header="Settings"> </TabItem> </TabControl> <!-- row.1 Data View --> <DataGrid Name="dg_wp" Grid.Row="1" Background="White" FrozenColumnCount="1" AutoGenerateColumns="False" CanUserReorderColumns="False" CanUserSortColumns="False" CanUserAddRows="False" CanUserResizeColumns="False" ColumnWidth="*"> <!-- ==================== DataGridRow Style with ContextMenu ==================== --> <DataGrid.RowStyle> <Style TargetType="DataGridRow"> <Setter Property="Background" Value="White"/> <!-- 右键菜单 --> <Setter Property="ContextMenu"> <Setter.Value> <ContextMenu> <!-- Pending: 透明背景 --> <MenuItem Header="Pending" Command="{x:Static local:MainWindow.SetStateCommand}" CommandParameter="{x:Static local:RowState.Pending}"> <MenuItem.Style> <Style TargetType="MenuItem"> <Setter Property="Background" Value="Transparent"/> <Setter Property="Foreground" Value="Black"/> <Setter Property="Padding" Value="10,5"/> <Setter Property="FontSize" Value="12"/> </Style> </MenuItem.Style> </MenuItem> <!-- Marked: 浅黄 --> <MenuItem Header="Marked" Command="{x:Static local:MainWindow.SetStateCommand}" CommandParameter="{x:Static local:RowState.Marked}"> <MenuItem.Style> <Style TargetType="MenuItem"> <Setter Property="Background" Value="#FFF9E6"/> <Setter Property="Foreground" Value="Black"/> <Setter Property="Padding" Value="10,5"/> <Setter Property="BorderBrush" Value="#FFE599"/> <Setter Property="BorderThickness" Value="1"/> <Setter Property="FontSize" Value="12"/> </Style> </MenuItem.Style> </MenuItem> <!-- Completed: 浅蓝 --> <MenuItem Header="Completed" Command="{x:Static local:MainWindow.SetStateCommand}" CommandParameter="{x:Static local:RowState.Completed}"> <MenuItem.Style> <Style TargetType="MenuItem"> <Setter Property="Background" Value="#E6F3FF"/> <Setter Property="Foreground" Value="Black"/> <Setter Property="Padding" Value="10,5"/> <Setter Property="BorderBrush" Value="#99CFFF"/> <Setter Property="BorderThickness" Value="1"/> <Setter Property="FontSize" Value="12"/> </Style> </MenuItem.Style> </MenuItem> <!-- Rejected: 浅红 --> <MenuItem Header="Rejected" Command="{x:Static local:MainWindow.SetStateCommand}" CommandParameter="{x:Static local:RowState.Rejected}"> <MenuItem.Style> <Style TargetType="MenuItem"> <Setter Property="Background" Value="#FFE6E6"/> <Setter Property="Foreground" Value="Black"/> <Setter Property="Padding" Value="10,5"/> <Setter Property="BorderBrush" Value="#FF9999"/> <Setter Property="BorderThickness" Value="1"/> <Setter Property="FontSize" Value="12"/> </Style> </MenuItem.Style> </MenuItem> <!-- Approved: 浅绿 --> <MenuItem Header="Approved" Command="{x:Static local:MainWindow.SetStateCommand}" CommandParameter="{x:Static local:RowState.Approved}"> <MenuItem.Style> <Style TargetType="MenuItem"> <Setter Property="Background" Value="#E6FFE6"/> <Setter Property="Foreground" Value="Black"/> <Setter Property="Padding" Value="10,5"/> <Setter Property="BorderBrush" Value="#99CC99"/> <Setter Property="BorderThickness" Value="1"/> <Setter Property="FontSize" Value="12"/> </Style> </MenuItem.Style> </MenuItem> </ContextMenu> </Setter.Value> </Setter> <!-- 根据 state 设置行背景色 --> <Style.Triggers> <DataTrigger Binding="{Binding RowState}" Value="{x:Static local:RowState.Pending}"> <Setter Property="Background" Value="Transparent"/> </DataTrigger> <DataTrigger Binding="{Binding RowState}" Value="{x:Static local:StateState.Marked}"> <Setter Property="Background" Value="#FFF9E6"/> </DataTrigger> <DataTrigger Binding="{Binding RowState}" Value="{x:Static local:StateState.Completed}"> <Setter Property="Background" Value="#E6F3FF"/> </DataTrigger> <DataTrigger Binding="{Binding RowState}" Value="{x:Static local:StateState.Rejected}"> <Setter Property="Background" Value="#FFE6E6"/> </DataTrigger> <DataTrigger Binding="{Binding RowState}" Value="{x:Static local:StateState.Approved}"> <Setter Property="Background" Value="#E6FFE6"/> </DataTrigger> </Style.Triggers> </Style> </DataGrid.RowStyle> <!-- ==================== Columns ==================== --> <DataGrid.Columns> <DataGridTextColumn Header="No." Width="Auto" Binding="{Binding id, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" IsReadOnly="True"/> <DataGridTextColumn Header="Original" Width="*" Binding="{Binding original, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" IsReadOnly="True"/> <DataGridTextColumn Header="Translation" Width="*" Binding="{Binding translation, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/> </DataGrid.Columns> </DataGrid> <!-- row.2 Overview --> <Grid Name="Overview" Grid.Row="2"> </Grid> </Grid> </Window>
最新发布
12-25
Title="Zyan" Height="550" Width="800"> <!-- ==================== Resources: Remove unused ObjectDataProvider ==================== --> <!-- 我们不再需要 ObjectDataProvider，直接使用 {x:Static} --> ...
根据整体，给出结果 <Window x:Class="JAFRSAO.JAFRSAO01002.Views.JAFRSAO01002View" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:JAFRSAO.JAFRSAO01002.Views" xmlns:behaviors="http://schemas.microsoft.com/xaml/behaviors" xmlns:lib="clr-namespace:JAFCommon.UserControls;assembly=JAFCommon" mc:Ignorable="d" Title="画面表示設定画面" Height="300" Width="400" WindowStyle="None" AllowsTransparency="True" VerticalAlignment="Top"> <Window.Resources> <ResourceDictionary> <ResourceDictionary.MergedDictionaries> <ResourceDictionary Source="pack://application:,,,/JAFCommon;component/UserControls/Generic.xaml"/> </ResourceDictionary.MergedDictionaries> </ResourceDictionary> </Window.Resources> <Window.InputBindings> <KeyBinding Key="F1" Command="{Binding F1Command}"/> <KeyBinding Key="F12" Command="{Binding F12Command}"/> </Window.InputBindings> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto"></RowDefinition> <RowDefinition Height="1*"></RowDefinition> <RowDefinition Height="Auto"></RowDefinition> </Grid.RowDefinitions> <!-- ヘッダー部分 --> <Grid MouseLeftButtonDown="WindowTitle_MouseLeftButtonDown"> <Border x:Name="Header" Background="{x:Static lib:JAFCommonConstants.SOLIDCOLOR_COMMON_BASE}" Height="35" VerticalAlignment="Top" Panel.ZIndex="1"> <lib:JAFCommonLabel x:Name="lblHeaderWindowTitle" Content="{Binding WindowTitle}" VerticalAlignment="Center" Margin="5,5,5,5" FontSize="{x:Static lib:JAFCommonConstants.FONT12}" FontFamily="MS Gothic" Foreground="White" Panel.ZIndex="2"/> </Border> <lib:JAFCommonButton x:Name="btnHeaderClose" Background="#FCF0FE" IsTabStop="False" Foreground="{x:Static lib:JAFCommonConstants.SOLIDCOLOR_COMMON_BASE}" FontWeight="Black" FontSize="{x:Static lib:JAFCommonConstants.FONT18}" FontFamily="{x:Static lib:JAFCommonConstants.COMMON_FONTFAMILY}" Grid.Row="0" Width="30" Height="30" Panel.ZIndex="10" HorizontalAlignment="Right" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Padding="0,2,0,0" Margin="5,0,5,0" Click="BtnHeaderCloseClick"> <TextBlock VerticalAlignment="Center">×</TextBlock> </lib:JAFCommonButton> </Grid> <Border x:Name="Footer" Background="{x:Static lib:JAFCommonConstants.SOLIDCOLOR_FOOTER_BACK}" Height="34" VerticalAlignment="Top" Panel.ZIndex="1" Margin="0,0,0,0" Grid.Row="2"> <TextBlock x:Name="FooterMessage" Text="" VerticalAlignment="Center" Margin="5,5,5,5" FontSize="{x:Static lib:JAFCommonConstants.FONT11}" FontFamily="{x:Static lib:JAFCommonConstants.COMMON_FONTFAMILY}" Foreground="{x:Static lib:JAFCommonConstants.SOLIDCOLOR_FOOTER_FORE}" Panel.ZIndex="30"/> </Border> <Rectangle Height="135" VerticalAlignment="Top" HorizontalAlignment="Center" Width="350" Margin="0,25,0,0" Stroke="#FFD1D7FF" Grid.Row="1"/> <lib:JAFCommonFooterButton x:Name="btnClose" Margin="76,0,0,10" Click="BtnCloseClick" HorizontalAlignment="Left" VerticalAlignment="Bottom" Width="100" Height="50" Grid.Row="1" Content="[F1] 閉じる"> <behaviors:Interaction.Triggers> <behaviors:EventTrigger EventName="Click"> <behaviors:CallMethodAction MethodName="BtnCloseClick" TargetObject="{Binding }" /> </behaviors:EventTrigger> </behaviors:Interaction.Triggers> </lib:JAFCommonFooterButton> <lib:JAFCommonFooterButton x:Name="btnUpdate" HorizontalAlignment="Left" Margin="224,171,0,0" Grid.Row="1" VerticalAlignment="Top" Height="50" Width="100" Content="[F12] 登録"> <behaviors:Interaction.Triggers> <behaviors:EventTrigger EventName="Click"> <behaviors:CallMethodAction MethodName="BtnUpdateClick" TargetObject="{Binding }" /> </behaviors:EventTrigger> </behaviors:Interaction.Triggers> </lib:JAFCommonFooterButton> <lib:JAFCommonLabel HorizontalContentAlignment="Center" Content="画面表示基準位置" HorizontalAlignment="Center" Margin="0,5,0,0" Grid.Row="1" VerticalAlignment="Top" Width="350" Background="#FFD1D7FF" /> <Grid x:Name="tglbtnDspPosition"> <lib:JAFCommonToggleButton x:Name="tglbtnDspPositionUp" Content="上" HorizontalAlignment="Center" Margin="0,34,0,0" Grid.Row="1" VerticalAlignment="Top" Width="148" Height="60" FontSize="16" IsChecked="{Binding IsDspPositionUp}"> <behaviors:Interaction.Triggers> <behaviors:EventTrigger EventName="ToggleClick"> <behaviors:CallMethodAction MethodName="TglbtnDspPositionClick" TargetObject="{Binding }" /> </behaviors:EventTrigger> </behaviors:Interaction.Triggers> </lib:JAFCommonToggleButton> <lib:JAFCommonToggleButton x:Name="tglbtnDspPositionDown" Content="下" HorizontalAlignment="Center" Margin="0,93,0,0" Grid.Row="1" VerticalAlignment="Top" Width="148" Height="60" FontSize="16" IsChecked="{Binding IsDspPositionDown}"> <behaviors:Interaction.Triggers> <behaviors:EventTrigger EventName="ToggleClick"> <behaviors:CallMethodAction MethodName="TglbtnDspPositionClick" TargetObject="{Binding }" /> </behaviors:EventTrigger> </behaviors:Interaction.Triggers> </lib:JAFCommonToggleButton> </Grid> </Grid> </Window>
09-26
Width="100" Height="50" Grid.Row="1" Content="[F1] 閉じる"> <behaviors:Interaction.Triggers> <behaviors:EventTrigger EventName="Click"> <behaviors:CallMethodAction MethodName="BtnCloseClick...
div.banner { position: fixed; _position: absolute; top: 0; left: 0; _top: expression(eval(document.body.scrollTop)); _left: expression(eval(document.body.scrollLeft)); width: 100%; _width: expression(eval(document.body.clientWidth)); margin: 0; padding: 3px; padding-left: 6px; background:lime; background-color: #FFFFC6; font: 11px tahoma,arial,serif; border-bottom: 2px ridge #FFFFC6; }
08-19
<div class="banner">This is a fixed banner</div> <!-- 这里放很多内容，以便测试滚动 --> <div style="height: 2000px;"> A lot of content here... </div> </body> </html> ``` 注意：在IE6中，表达式`...
ie6 css expression 实现min-width/max-width
05-26 488
1.实现最小宽度min-width标准浏览器和ie7+用:min-width:1008px;这样在实现自适应布局时可以保证布局不小于一定宽度，同时宽屏或窄屏窗口被用户拖窄后不会出现布局自动换行。对于Ie6以下模拟实现用的css表达式:_width:expression((documentElement.clientWidth 600) ? "600px" : "auto
html怎么设置扩大缩小不变形,DiV里CSS控制图片按比例扩大缩小不变形
weixin_32916125的博客
06-15 5234
一般来说，我们设定一定宽度高度的div标签，在里面放上图片，只有当图片大小尺寸符合这个宽度和高度的时候显示最佳。那有的时候不同的界面，同样的信息(比如头像)放大的尺寸是不一样，怎么才能让图片根据DIV的宽高度进行，缩放呢？其实很简单，只用设置其css样式即可，css样式如下：.photo img{max-width:80px;/*这是DIV的大小*/width:expression(this.wi...
Expression 使之支持css的一些属性
weixin_34417183的博客
01-04 138
为什么80%的码农都做不了架构师？>>> ...
css控制图片自适应大小
xdh1996的博客
04-25 1330
相信大家做网页时经常会碰到大分辨率的图片会把表格涨破以致漂亮的网页面目全非，但只要使用以下的CSS语句即可解决。 该CSS的功能是：大于600的图片自动调整为600显示。 <style type="text/css"> <!-- img {width:expression(this.width>600?"600px":this.width+"px");} } ...
使用CSS Expression解决某些浏览器兼容问题
热门推荐
Happy_999‘Blog
07-17 1万+
<br />虽然无奈，但是不想一有什么就去写JS，冲突也会是个头痛的问题，所以这个Expression还是挺有用的，在CSS代码后插入expression语句，自定义控制属性，只被IE识别的方法，通常针对IE6及其一下的版本居多，IE7对CSS的支持已经有了很大改进，会用到的情况比较少，IE8已宣布在其标准模式下不再支持这一语句，呵呵，多好啊，以后为不同版本的IE还要多写几份HACK，咱们不怕没工作做了哩~~无奈到想哭。。。<br />1. min-width/max-width 控制容器最小宽度或图片最大
css expression
weixin_30270561的博客
11-13 195
概述 使用 优点 缺陷 实际应用 总结 概述 　　css expression(css表达式)又称Dynamicproperties(动态属性)是早期微软DHTML的产物，以其可以在Css中定义表达式(公式)来达到建立元素间属性之间的联系等作用，从IE5开始得到支持，后因标准、性能、安全性等问题，微软从IE8 beta2标准模式开始，取消对css expression的支持。...
关于CSS中expression
epbon的专栏
08-18 3400
在网上第一次注意到css里有expression这个属性，于是搜索了一下，得到了一下相关知识贴出来也许对大家有所帮助，感谢原作者的劳动。CSS中expression使用简介作者：dozb定义IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javascript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javas
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值