我在容器Div中有6个Div.这些div必须以某种方式对齐以满足客户的需求.我已经为我正在处理的客户网站采取了基本布局,并创建了一个样本,以便在此处发布.我有一个常规的CSS文件和一个移动CSS文件.在移动视图中,Div将按顺序1-6排列.在常规视图中,Divs 1,3,4和5将与右侧对齐.Div 2和6将对齐左侧.我需要div 6来拥抱div 2的底部,除了大约10px.根据我目前的代码,Div与他们之间存在巨大差距,并且6个被进一步推向页面,右侧Div有更多内容.所有这些Div都具有动态内容,可以使它们增加或减少显示内容的数量.如何让Div 6忽略右侧Div并拥抱Div 2而不搞砸这些如何缩小并出现在手机中?(您只需调整浏览器窗口的大小,即可使用此代码显示移动版本.)
这是我的HTML和CSS:
/*
exampleCSS.css
*/
#containerDiv {
width: 500px;
margin-left: auto;
margin-right: auto;
padding: 10px;
}
#div1 {
border: 1px solid red;
background-color: red;
margin-bottom: 10px;
width: 25%;
float: right;
}
#div2 {
border: 1px solid blue;
background-color: blue;
margin-bottom: 10px;
width: 65%;
float: left;
}
#div3 {
border: 1px solid green;
background-color: green;
margin-bottom: 10px;
width: 25%;
float: right;
}
#div4 {
border: 1px solid orange;
background-color: orange;
margin-bottom: 10px;
width: 25%;
float: …Run Code Online (Sandbox Code Playgroud)当更改整数字段时,我无法获取更新的简单数据绑定标签.我已经实现了INotifyPropertChanged,当我改变变量值时会触发此事件.UI不会更新,标签也不会更改.我过去没有做太多的数据绑定,所以我可能错过了一些东西,但我还没有找到它.
以下是我对XAML的看法:
<Window x:Class="TestBinding.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:local="clr-namespace:TestBinding"
mc:Ignorable="d"
Title="MainWindow" Height="350" Width="525">
<StackPanel>
<Button Command="{Binding TestCommand, Mode=OneWay}" >
<Button.DataContext>
<local:TestVM/>
</Button.DataContext> Add 1</Button>
<Label Content="{Binding Count,
Mode=OneWay,UpdateSourceTrigger=PropertyChanged}">
<Label.DataContext>
<local:TestVM/>
</Label.DataContext>
</Label>
</StackPanel>
</Window>
Run Code Online (Sandbox Code Playgroud)
这是我的View Model C#:
class TestVM : INotifyPropertyChanged
{
private int _count;
private RelayCommand _testCommand;
public TestVM ()
{
Count=0;
}
public int Count
{
get { return _count; }
set { _count = value; OnPropertyChanged(); }
}
public void Test()
{
Count++;
}
public ICommand …Run Code Online (Sandbox Code Playgroud)