c# - 如何设置宽度为内容大小的 25%

Question

你好，有人能告诉我如何给 panel.width 一个 25% 的内容大小吗？

Answer 1

像这样定义面板：

<asp:Panel CssClass="CustomWidth" ID="MyPanel" runat="server"> </asp:Panel> 

然后链接到设置以下内容的外部 css 样式表：

.CustomWidth{     width: 25%; }

Answer 2

您可以为此使用jQuery：

假设Panel1是您的面板的 ID，并且，您要根据的相应内容容器是Container1，

var dWidth = $('#Container1').width();
$('#Panel1').width(dWidth * 0.25);

将Panel1's width 设置为您使用的容器的 25%。

只需决定您要使用哪个容器（可以是一个div或任何类似的容器，您没有向我们展示您的代码）

Answer 3

如果您不会使用 JavaScript，您可以在 CodeBehind 文件中编写 C# 代码：

Panel1.Style.Add("width", "25%");

Answer 4

我不太明白你的问题，但它看起来像 JavaScript Jobe，例如：

var Element_Id = document.getElementById("Elem_Id"); // Element Id
var curr_Element_Width = parseInt(Element_Id.clientWidth); // parseInt is taking down our "px" string at the width.... look:
var curr_Element_Id_Width = 100px we need INT only!
we only need the number 100 so after parseInt its now 100 and not 100px we can't work with string's and that is the reson we doing that,

然后你可以使用这样的功能......

function addWidth() {
    Element_Id.style.width = (curr_Element_Width + 100) + 'px'; // after we change the width we add the "px" string again
} 

在这里，我们使用 Px，但您也可以使用 % 希望它对您有所帮助，祝您有美好的一天。