标签: width

我有一个包含3列Grid的网格,TreeViewItem其中HierarchicalDataTemplate包含以下定义:

<Grid>    
  <Grid.ColumnDefinitions>
    <ColumnDefinition Width="Auto" />
    <ColumnDefinition Width="1*" />
    <ColumnDefinition Width="Auto" />
...

我想设置网格的宽度,以便它完全占用TreeViewItem内部的所有可用空间TreeView.因此,网格的第三列应该在内部对齐TreeView.

如何获得网格宽度的正确值？

我知道,对于ListBox ItemTemplate,我可以通过将其绑定到以下来设置宽度ScrollContentPresenter:

Width="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=ScrollContentPresenter, AncestorLevel=1}, Path=ActualWidth}"

这个技巧不起作用TreeView,因为孩子们的可用空间比根树视图项目少.

有任何想法吗？

我正在使用jquery,我正在尝试创建幻灯片.

在我附加图像之前,我将知道图像的宽度.所以我使用jquery和.attr("width")的.width().

我的代码如下:

var attr_href = $next.attr('href'); /*returns the href of the image*/
var $item = $('<img src="'+attr_href+'" />'); 

//$item contains the image, the image is not displayed to the browser yet!!!

var itemWidth = $item.width();
alert(itemWidth); 
// --->  returns zero 0 in Mozilla and in IE

var itemWidth2 = $item.attr("width");
alert(itemWidth2);
//In Mozilla, the first time it returns 0.After the image is loaded, it returns the right Width
//In IE, always …

是否有一组配置允许我打开一个固定的设置宽度的FancyBox2弹出窗口(内联类型)？如果高度弯曲,则可以,但我希望将宽度设置为特定尺寸.

我尝试过这样的事情:

$.fancybox( {content:msg, type:"inline", title:title, autoSize:false, minWidth:"250px", width:"450px", height:h, maxWidth:"450px"} );

但如果我的内容恰好大于450px,它只会扩展视图而不是使用更高的高度.

我试图使窗口的宽度和高度为auto,这意味着它将具有所有子控件的宽度和高度组合:

我的代码:

<Window x:Class="Read_360.ToastPopup"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="ToastPopup" Width="Auto" Height="68">
<Window.Resources>
    <ControlTemplate x:Key="MyErrorMessage"
                     TargetType="{x:Type Label}">
        <StackPanel Orientation="Horizontal"
                    Name="ErrorMessage" Width="Auto" Height="Auto">
            <Border CornerRadius="4" Width="Auto"
                    BorderThickness="0"
                    VerticalAlignment="Center"
                    Margin="4,0"
                    Background="#FF404040"
                    BorderBrush="Transparent">
                <Label Foreground="White"
                       VerticalAlignment="Center"
                       Padding="4,2"
                       Margin="4"
                       FontWeight="Bold" FontSize="15"
                       Name="Part1" Width="Auto" Height="Auto"
                       Visibility="Visible" HorizontalAlignment="Center" Content="{Binding Message}" />
            </Border>
        </StackPanel>
    </ControlTemplate>
</Window.Resources>
<StackPanel Orientation="Vertical">
    <Label Template="{StaticResource MyErrorMessage}" Name="Label1" Width="Auto" Height="Auto"></Label>
</StackPanel>

我需要宽度和高度与ControlTemplate内的Label相同

提前致谢,

声浪.

我正在修改Wordpress响应的儿童主题.我想把我的H1帖子/页面标题放在一个盒子里,并且已经成功了.

问题是......我需要将Header的左侧填充设置为15px,每当我这样做时,标题所在的框变得太宽.

我将框设置为width: 100%;我需要使用百分比,因为我正在修改响应主题.但是因为我想要内部元素(H1)padding-left: 15px;...所有这一切都使宽度100%+ 15px,这是我不想要的.

我试图将盒子(或里面的H1)设置为100%减去15px ...请你告诉我,这甚至可能吗？

...不幸的是,当我使用Firebug查看页面时,我发现HTML h1 { }和其他命令.entry-title, .post-title { }似乎没有分开,如下所示:

<h1 class="entry-title post-title">Header!</h1>

我已经尝试将两个CSS元素中的一个设置为宽度100%,另一个设置为-15px,但无济于事.我也尝试了一些基本涉及z-index,将一个设置z-index: 99;为另一个z-index: 1;,这也不起作用.

谢谢你的阅读

我在HTML表格中组织了我的网站内容,并为每个单元格设置了特定的宽度(以百分比表示).现在我在组合单元格中有一个相当大的图像,它应该跨越整个表格的30%,或者来自不同行的2个单元格(每个15%)(使用colspan ="2").然而,图像宽度超过我的小型电脑屏幕的30%,这似乎超过了我设定的单元格宽度,即它将我的单元格拉伸到我的图像宽度而不是相反的方式,这会抛弃设计两列中的所有其他单元格(现在宽度超过15%).如果图像宽度超过表格的30%,如何使图像变小而不是表格单元更宽？

我目前正在建立一个完全响应的网站,我越努力理解,我就越不了解.主要是百分比.

我知道%是基于第一个定位的父级.但是,我在JSFiddle上做了一些例子,我有不同的结果:

小提琴

在所有示例中,我们都有相同的基础:

HTML:

<div class="example">  
  <div class="container">  
    <div class="item"></div>
  </div>   
</div>

divs的CSS属性:

1. 该.example块有position: relative.它有width: 60%(他的父母:身体).
2. 该.container块有position: static.它有一个宽度:80%(这个时间.example因为它是一个相对块).

我的问题:

当我想移动.item,而不是块.example大小,但每个CSS属性我使用(margin-left,left,transform等),100个%会导致不同的大小.此外,如果我改变用于定位.item(static,relative等)的尺寸是不同的再.

有人可以解释为什么100%.item是不同的margin,left或transform？

我正在尝试使用CSS在我的JavaFX（FXML）应用程序中获取动态滚动窗格。我的CSS窗格看起来像这样：

.scroll-pane {
     -fx-width: 80%;
     -fx-height: 80%;
     -fx-background-color: #FF3333;
}

颜色有效，但是如果我在JavaFX Scene Builder中打开CSS，则size属性不起作用，它根本不显示高度和宽度线。

我认为我缺少一些基本知识，但我似乎无法弄清楚。

我想设置我的按钮的宽度,我的内部文本应该由于宽度自动中断:

.module {
  width: 100px
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="btn-group">
  <a class="btn btn-default module">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren</a>
  <a class="btn btn-default module">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed …

我该如何解决呢.我尝试所有类型的约束,如顶部,底部,左,右,水平,垂直,也相等的高度和宽度plz请参阅下面的链接图像