Используйте flexbox, следующий пример кода держит ваше изображение влево, независимо от ширины вашей кнопки:
<div class="button">
<div class="imageContainer">
<img src="path/to/your/image" />
</div>
</div>
<style type="text/css">
.button {
display: flex;
justify-content: flex-start;
width: 100px;
}
.button:hover {
width: 200px;
}
.button .imageContainer {
height: 50px;
width: 50px;
align-self: center;
}
.imageContainer img {
height: auto;
width: 100%;
}
</style>
<TabItem>
может иметь только один дочерний элемент, поэтому у вас не может быть двух меток внутри. Вместо этого вы можете поместить <Grid>
, а затем поместить две метки внутри него.
<TabControl>
<TabItem Header="Tab1">
<Grid>
<Label x:Name="WorkingLabe1" Content="Test1"/>
<Label x:Name="WorkingLabelTest"/>
</Grid>
</TabItem>
<TabItem Header="Tab2">
<Label x:Name="WorkingLabel2" Content="Test2"/>
</TabItem>
</TabControl>