标签: width

我有多个html表.每个表具有相同的列数,但每个单元中具有不同的数据集.

 <table><tr>
     <td>Col 1 Table 1</td>
     <td>Col 2 Table 1</td>
     <td>Col 3 Table 1</td>
 </tr></table>

 <table><tr>
     <td>Col 1 Table 2</td>
     <td>Col 2 Table 2</td>
     <td>Col 3 Table 2</td>
 </tr></table>

我想弄清楚在这些表中使用每个可比较列的最简单方法(因此每个第一列,每个第二列等)的宽度相同,因此所有表都完美排列.

由于某些特定原因,我无法将这些合并到一个表中,所以我想看看是否有多个表.

看起来这些表(无论我放入什么CSS)都会根据单元格中的数据进行更改.

有什么建议？

我有一个固定标题和滚动体的表.没有列正确排列.

以下是我在Google Chrome中看到的内容:

那个屏幕截图是我准备的这个最小的HTML文档:

<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
html, body
{
    margin: 0;
    padding: 0;
    font-family: Tahoma, Geneva, sans-serif;
    background-color: #888888;
}

.white_box
{
    border: 1px solid black;
    background-color: white;
}

.round_corners
{
    padding: 20px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.shadow 
{
    -moz-box-shadow: 2px 2px 3px #000;
    -webkit-box-shadow: 2px 2px 3px #000;
    box-shadow: 2px 2px 3px #000;
}

.aligncenter
{
    margin-left: auto;
    margin-right: auto;
}

#editpage
{
    margin-top: 1em;
    margin-left: 1em;
    margin-right: 1em;
}

#updatesdisplay
{
    width: 100%; …

我有这个菜单设置为内联并有下拉菜单.
内心ul有背景.
每个下拉列表li都有一个:hover改变后台的背景li:

<div id="navMain">
    <ul>
        <li><a href="#nogo">Forside</a>
            <ul>
                <li><a href="#nogo">1111111111111</a></li>
                <li><a href="#nogo">Link 1-2</a></li>
                <!-- etc. -->
            </ul>
        </li>
        <li><a href="#nogo">Om Os</a>
            <ul>
                <li><a href="#nogo">Link 2-1</a></li>
                <li><a href="#nogo">Link 2-2</a></li>
                <!-- etc. -->
            </ul>
        </li>
        <li><a href="#nogo">Link 3</a>
            <ul>
                <li><a href="#nogo">Link 3-1</a></li>
                <li><a href="#nogo">Link 3-2</a></li>
                <!-- etc. -->
            </ul>
        </li>
    </ul>
</div>

问题是,当其中一个子菜单li比其他子菜单长时,它只会扩展自己,而不是另一个子菜单li.
这导致:hover具有不同长度的效果.

那么我如何li在每个内部制作ul与最宽的相同的尺寸？

如果需要,您可以在这里找到CSS.

我有一个包含3个片段的布局:

<LinearLayout android:id="@+id/acciones"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">

<LinearLayout
android:id="@+id/fragment1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1">

</LinearLayout>


<LinearLayout
android:id="@+id/fragment2"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1">

</LinearLayout>

<LinearLayout
android:orientation="vertical"
android:id="@+id/f3"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1">

</LinearLayout>

</LinearLayout>

在第一个片段中,我有一个TableLayout,其中每行有一个自定义TextView.我想知道片段的宽度,因为如果自定义TextView比片段宽,我将设置所需的行数.

这是我在自定义TextView中所做的:

@Override
protected void onMeasure (int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);

mMaxWidth = (float) (getMeasuredWidth());
}

通过这一行,我得到了三个片段的宽度,而不仅仅是包含自定义TextView的片段.

谢谢.

我的网页布局如下.下面的CSS代码在Internet Explorer 9中给出了100%的高度和宽度.虽然同样的确给了我在FF和Chrome中100%的宽度但不是100%的高度.我尝试了几个例子,其中大多数都有同样的问题.我在http://jsfiddle.net/cwkzq/3/上使用相同的代码,如果我查看相同的FF它给我100%的高度和宽度.

<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <style type="text/css">
            html, body {
                height: 100%;
            }
            body {
                margin: 0;
                padding: 0;
                border: 1;
                background-color:Aqua;
            }
            .Container {
                width: 100%;
                height: 100%;
                border: solid 1px red;
                margin: 0 auto;
                padding: 0 1em;
                font: 12px/1.5 Verdana;
                background-color:red;
            }
        </style>
    </head>
    <body>
    <form id="form1" runat="server">
    <!--  Container    -->
    <div class="Container">
        <!--  TopMenu Bar    -->
        <div class="colorBar">
        asd
        </div>
        <!--  TopMenu Bar   -->
        <!--  Middle Part    -->
        <div class="MiddleWrapper">
            <!--  Left …

对此我很抱歉,我认为这个问题已经解决,但结果证明事实并非如此.

我在div中有一个无序列表,我希望列表始终水平填充整个div,无论缩放级别如何.怎么会这样呢？分别设置每个列表项的宽度？我试过这个,我的项目的宽度确实加起来100%,但列表仍然没有填满div.我也正在修改模板,因为我隐藏了很多HTML,但我可以编辑所有想要的CSS.在CSS方面我还能做些什么？填充？涉及计算功能的东西？我已经尝试了所有这些,但不知何故似乎没有任何效果.

关于如何做到这一点还有其他想法吗？

我想设置自定义对话框的宽度以包装内容，但始终将其填满屏幕的所有宽度

我已经测试过了

android.view.WindowManager.LayoutParams params = mydialog.getWindow().getAttributes();
params.width = android.view.WindowManager.LayoutParams.WRAP_CONTENT;
mydialog.getWindow().setAttributes((android.view.WindowManager.LayoutParams) params);

然后

mydialog.getWindow().setLayout(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);

我正在试图弄清楚如何让我ContentControl正确地水平滚动(此刻垂直方向).通过正确我的意思是我希望看到内容伸展(无限扩展),同时具有滚动条出现的最小尺寸,以使内容不会溢出该ContentControl区域,所以这里是一个快速介绍:

主窗口以这种方式构造:

• 网格(.3*和.7*的2列)
  • 边界
    • 网格(7行,一个设置为*,其中ContentControl是)
      • ScrollViewer与StackPanel(纯粹用于测试)包装具有自动宽度的ContentControl

ContentControl的模板:

• 网格(宽度设置为UserControl的ActualWidth,6行,其中一行设置为自动,其中ItemsControl去
  • ItemsControl描述一个DataTemplate类型的ItemTemplate,其中包含一个Grid,其中我有一个DataGrid

实际问题是ContentControl在您调整窗口大小时会增长,但不会随着窗口大小调整而缩小.

主视图XAML(为清晰起见截断):

<ScrollViewer Grid.Row="5" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">
        <ContentControl Grid.Row="5" Background="Transparent"  Focusable="False" Margin="0,5,0,0"
                            Content="{Binding CurrentSection}" ContentTemplateSelector="{StaticResource templateSelector}/>
</ScrollViewer>

Tempate XAML(为清晰起见截断):

<Grid>
...
    <ItemsControl Grid.Row="4" ItemsSource="{Binding Data.QualifyingDistributionsDividends}" x:Name="QualifyingItemsControl">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Grid x:Name="DTLayoutGrid">
                    ...
                    <Grid Grid.Row="1" x:Name="DataLayout" Width="{Binding ElementName=DTLayoutGrid, Path=ActualWidth}" HorizontalAlignment="Stretch">
                        ...
                        <DataGrid Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="8" HorizontalScrollBarVisibility="Disabled"
                                  ItemsSource="{Binding Payments}" Style="{StaticResource DataGridStyle}" CellStyle="{StaticResource DataGridNormalCellStyle}">
                        </DataGrid>
                    </Grid>
                </Grid>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</Grid>

那会发生什么？Datagrid假设整个宽度DataTemplate(以及其设置为DataTemplates大小的底层控件,然后*列假定所有空的空间.当您尝试调整保存此代码的整个窗口时,它将正确生长,扩展*列但似乎缩小没有"注册",它保持你扩展它的大小,在其上应用滚动条并忘记它.

我已经试过到目前为止是设置宽度ItemsControl,其潜在的父母喜欢网等,还设置大小 …

我正在尝试制作一个页面,其中一些div水平对齐,我希望宽度根据内容调整大小,所以如果内容大于屏幕大小,我将获得水平滚动.我有这个:

    <div>
    <div style="width: 300px; height: 300px; background-color: black; margin-left: 10px; float: left;"></div>
    <div style="width: 300px; height: 300px; background-color: black; margin-left: 10px; float: left;"></div>
    <div style="width: 300px; height: 300px; background-color: black; margin-left: 10px; float: left;"></div>
    <div style="width: 300px; height: 300px; background-color: black; margin-left: 10px; float: left;"></div>
    <div style="width: 300px; height: 300px; background-color: black; margin-left: 10px; float: left;"></div>
</div>

子div正在并排排列,但是当达到屏幕大小时,它会分成一个新行.有任何想法吗 ？

我尝试了以下设置knitr和LaTeX的图宽度:

\documentclass{paper}
\begin{document}
<<fig.width=\textwidth>>
x = runif(1000)
plot(x)
@
\end{document}

但是,我收到以下错误:

<to be read again> 
                >
l.54 <<fig.width=\textwidth>
                        >

我究竟做错了什么？