标签: width

我可以轻松地“设置”元素的 offsetWidth 吗?

注意:我知道 offsetWidth 是只读的

我正在尝试使弹出的“div”覆盖tr具有完全相同宽度的元素。

但是,我对如何设置我的div使其width与offsetWidth完全相同感到困惑tr。

计算结果类似于:

div.width = tr.offsetWidth - div.paddingWidth - div.marginWidth
Run Code Online (Sandbox Code Playgroud)

但肯定有更好的方法(因为我只能想到以两个为一组来获取填充和边距偏移......)

具体来说,如果可能的话,我想要 YUI 2 的答案。

javascript dhtml width

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

C# WPF 窗口宽度、MaxWidth、MinWidth 被忽略

我有一个在 XAML 中定义的 WPF 窗口,如下所示:

<Window x:Class="com.some.company.window"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="My Cool Window" 
x:Name="CoolWindow"
Height="435"
Width="70"
MinWidth="70"
MaxWidth="70"
Left="{PropertyState Default=0}"
Top="{PropertyState Default=0}"
Initialized="InitializeWindow"
ResizeMode="NoResize"  
Style="{DynamicResource DefaultWindow}">
.....
.....
</Window>
Run Code Online (Sandbox Code Playgroud)

问题是,当创建窗口并将其显示在屏幕上时,它始终大于我在宽度定义中指定的 70 像素。宽度大概是80-90像素。我的宽度属性被忽略。窗口内的所有内容也不大于 70 像素。

即使当我尝试使用手柄调整窗口大小时,它也不会让我将其大小调整到特定宽度以下。是否有某种原因 WPF 不允许我将窗口的宽度设置得更小?每个窗口是否都有隐藏的最小宽度值?我该如何解决这个问题?

编辑:当我将 WindowsStyle="None" 添加到 Window 属性中时,宽度正确设置为 70 像素。但是,这不是我想要的 Window 样式。

谢谢

c# wpf xaml window width

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

以编程方式制作单个按钮宽度以填充父级

如何使单个按钮宽度以编程方式填充父级?我已经这样做了,但它似乎无法工作它仍然位于左上角,宽度只是包装内容......这里是按钮创建的一些代码......

public class TEST_GIFDisplay extends Activity implements View.OnClickListener {

    SurfaceView sview;
    GifRun gr = new GifRun();
    Button btnBack;

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        sview = new SurfaceView(this);
        sview.setZOrderOnTop(true);

        gr.LoadGiff(sview, this, R.drawable.smiley);

        LinearLayout linearLayout1 = new LinearLayout(this);
        linearLayout1.setOrientation(LinearLayout.VERTICAL);
        linearLayout1.setBackgroundColor(Color.parseColor("#27ae60"));
        linearLayout1.setLayoutParams(new ViewGroup.LayoutParams(
                ViewGroup.LayoutParams.WRAP_CONTENT,
                ViewGroup.LayoutParams.WRAP_CONTENT));

        LinearLayout linearLayout2 = new LinearLayout(this);
        linearLayout2.setOrientation(LinearLayout.VERTICAL);
        linearLayout2.setBackgroundColor(Color.parseColor("#27ae60"));
        linearLayout2.setLayoutParams(new ViewGroup.LayoutParams(
                ViewGroup.LayoutParams.WRAP_CONTENT,
                ViewGroup.LayoutParams.WRAP_CONTENT));

        LinearLayout.LayoutParams p = new   
        LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT,   
        LinearLayout.LayoutParams.WRAP_CONTENT);
        p.weight = 1.0f;

        btnBack = new Button (this);
        btnBack.setText("Back");
        btnBack.setBackgroundColor(Color.parseColor("#f1c40f"));
        btnBack.setGravity(Gravity.CENTER_HORIZONTAL);
        btnBack.setLayoutParams(p);
        btnBack.setOnClickListener(this);

        linearLayout2.addView(btnBack);
        linearLayout1.addView(linearLayout2);
        linearLayout1.addView(sview);

        setContentView(linearLayout1);
    }

    @Override
    public …
Run Code Online (Sandbox Code Playgroud)

android parent button width fill

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

在 SSRS 中如何动态更改文本框宽度?

在 SSRS 中如何动态更改文本框宽度?我希望大小增加到该给定列中可能的最宽值的大小。(不是我可以做的垂直,而是宽度)。

dynamic width reporting-services

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

自动调整 ggplot 中条的大小以在多个图形 R 中保持均匀性

我在循环中生成了几个条形图,它们都根据输出大小(从绘图/设备大小假设?)而不是根据条形大小调整大小。这意味着具有两个条形的图具有粗条,而具有 6 个条的图具有细条;不过,两个输出的大小相同。下面的代码表示我的脚本具有可复制的数据(我对我的做了许多其他 aes/主题更改)。

我希望输出图调整大小(在条形宽度的维度上),以便条形在不同的图形中始终具有相同的宽度,但输出图像根据(相同宽度)条形的数量改变大小。

my_factors = c("vs","cyl","carb")

for (current_factor in my_factors) {
    c <- ggplot(mtcars, aes(factor(current_factor)))
    c + geom_bar() + coord_flip()

    ggsave(paste0(my_factors(current_factor),".png")
}
Run Code Online (Sandbox Code Playgroud)

对不起,如果我错过了一些明显的东西,我是 ggplot 和 R 的新手。我来自 MATLAB,所以整个“设备”的事情仍然让我感到困惑!在 MATLAB 中,我会明确指定条形大小(即不是相对的),并且输出会相应地调整大小。

size r width ggplot2 geom-bar

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

在输入元素上设置最大宽度

今天我尝试max-width: 200px在 an 上进行设置,<input type="text">但显然它被浏览器忽略了。

如果我设置,width: 200px那么它会正确应用(但如果input字段的大小调整为小于 200px,则不会调整大小。

如何将max-widthCSS 属性应用于输入字段?

css width

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

可能有 100% 宽的 div 但将其内容限制为设置的最大宽度?

我知道这可以通过 2 个 div 轻松完成,例如,将外部设置为 100% 宽度,将内部设置为 max-width 1000px。

我只是好奇是否可以只用一个 div 而不是两个来完成。

html css width

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

可滚动的 tbody 不占用所有可用宽度

我有一个包含很多行(1000+)的表。结构真的很简单,这里是一个只有一行的简化示例。

<table>
    <thead>
        <tr>
            <th>column 1</th>
            <th>column 2</th>
            <th>column 3</th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td>value 1</td>
            <td>value 2</td>
            <td>value 3</td>
        </tr>
    </tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

我需要固定列名,所以我使 tbody 可滚动。我添加了这些 CSS 规则

tbody {
    display: block;
    overflow-y: scroll;
    overflow-x: none;
    max-height: 150px;
}
Run Code Online (Sandbox Code Playgroud)

这是一个完整的JSfiddle 示例

有2个问题。

  1. <tbody>不占据所有宽度。我试过,width: 100%;但它不起作用。display: block;似乎阻止了正常宽度的行为,但我需要它来滚动。我怎样才能做到它占用所有可用空间?即使只有 1 列获得所有剩余空间也没关系

  2. <thead>和<tbody>列宽不同。目前我使用一段 jQuery 代码来像其他行一样设置标题宽度,这很好,但我想知道是否有更好的解决方案。

html css scroll html-table width

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

如何固定longtable LATEX的宽度

我想设置我的宽度longtable,使其适合页面而不是裁剪掉。我有 206 列和 17 行。

我使用tablesgenerator.com 来获取我的longtable,但选项“将表格缩放到文本宽度”不适用于longtable,需要一些帮助。(这里是乳胶初学者)。

\documentclass{article}
\usepackage{longtable}
\usepackage{booktabs}

\begin{document}

\begin{longtable}{@{}lllllllllllllllll@{}}
\toprule
\textbf{SN} & \textbf{zhelio} & \textbf{zhelio\_un} & \textbf{zCMB} & 
\textbf{zCMB\_un} & \textbf{Peak\_MJD} & \textbf{Peak\_MJD\_un} & \textbf{x1} 
& \textbf{x1\_un} & \textbf{c} & \textbf{c\_un} & \textbf{mB} & 
\textbf{mB\_un} & \textbf{t} & \textbf{t\_un} & \textbf{Host\_logmass} & 
\textbf{Host\_logmass\_un} \\* \midrule
\endhead

%table stuff here...

\caption{}
\label{tab:my-table}\\
\end{longtable}

\end{document}
Run Code Online (Sandbox Code Playgroud)

这就是它的样子

图像

latex longtable width

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

如何使用 Tailwind CSS 将宽度设置为超过 100%

我需要将 div 宽度设置为 110%,但这对于 Tailwind CSS 来说似乎不可能。他们的文档仅指定 100% 的值。

w-full  width: 100%;
Run Code Online (Sandbox Code Playgroud)

css width tailwind-css

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