小编Tim*_*thy的帖子

问题让Div拥抱近在咫尺

我在容器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)

html css css3 css-float

5
推荐指数
1
解决办法
83
查看次数

属性更改时,XAML数据绑定不会更新UI

当更改整数字段时,我无法获取更新的简单数据绑定标签.我已经实现了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)

c# data-binding wpf xaml inotifypropertychanged

5
推荐指数
2
解决办法
3737
查看次数

标签 统计

c# ×1

css ×1

css-float ×1

css3 ×1

data-binding ×1

html ×1

inotifypropertychanged ×1

wpf ×1

xaml ×1