标签: width

好吧,我有一个关于bootstrap-3词缀脚本的好奇问题.你可以在这个小提琴中看到问题.请水平最大化结果框架并向下滚动以便粘贴被激活.如您所见,导航栏在右侧增加,我真的看不出任何这种效果的原因.我暂时通过addng解决了这个问题

 .container
{
padding-left: 0px;
padding-right: 0px;
}

到了css.但是,正如你所看到的,它不是很漂亮,我不想删除这些填充.或者,我可以设置静态宽度,如

width: 1140px;

在#nav.affix中.但这不是很敏感...我真的尝试了很多方法,但无法获得任何令人满意的结果.你知道吗,是什么原因造成的？

编辑

好的,Chrome的调试器给了我更多的信息:在激活词缀之前,nav-element得到了类'affix-top'等等(从chrome-debugger NOT html源代码摘要!):

<nav id="nav" class="navbar navbar-default affix-top" role="navigation" data-spy="affix" data-offset-top="133" style="background-color: yellow">

奇怪的是,在HTML代码中没有声明affix-top.不过,#nav.nav.navbar.navbar-default-affix-top的大小如下:1140px x 52px.

滚动和词缀激活后,类'affix-top'变为'affix','affix'的大小如下:1170px x 52px.

这些是30px,导航栏向右增长.但是我怎么能阻止它呢？最重要的是,我找不到任何csv文件中的类词缀顶...

screen.width和screen.availwidthJavaScript有什么区别？

在我的系统上都是一样的!

这是我很久以前学到的东西之一,从来没有想过我是否真正以正确的方式做到这一点.

假设我们有这样的结构:

<div id="wrapper">
  <div id="sideBar"></div>
  <div id="mainContent"></div>
</div>

我们也说它wrapper的宽度为600px.

我应该漂浮sideBar left,mainContent right还是应该漂浮它们left？

另外,如果我设置一个固定的宽度,sideBar我该如何mainContent填充剩余的空间,类似于表的工作方式？如果我设置mainContent为display:inline-block并向width:100%下移动到下一行:/

注意:在我的特定场景中,我不想使用表格.

我可以在图片框中显示图片,而无需通过以下代码检查文件大小:

private void button3_Click_1(object sender, EventArgs e)
{
    try
    {
        //Getting The Image From The System
        OpenFileDialog open = new OpenFileDialog();
        open.Filter =
          "Image Files(*.jpg; *.jpeg; *.gif; *.bmp)|*.jpg; *.jpeg; *.gif; *.bmp";

        if (open.ShowDialog() == DialogResult.OK)
        {
            Bitmap img = new Bitmap(open.FileName);

            pictureBox2.Image = img;
        }
    }
    catch (Exception)
    {
        throw new ApplicationException("Failed loading image");
    }
}

我想在图片框中显示之前检查图像大小,例如是2MB还是4MB.我还想检查图像的宽度和高度.

我已经使用layout_weight参数将按钮的宽度设置为总布局宽度的70%,但似乎我缺少一些重要的细节才能使它工作.

(另一个解决方案是以display.getWidth()编程方式工作,但它也不起作用,因为我不知道我的.xml应该是什么样子如果我选择设置宽度button.setWidth())

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="fill_parent" 
    android:layout_width="fill_parent"
    android:layout_weight="1.0">
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textSize="15px"  
        android:id="@+id/userVersionTextViewNew"
        android:gravity="center"
        android:layout_centerVertical="true"/>
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textSize="15px"
        android:gravity="center"
        android:layout_above="@id/userVersionTextViewNew"
        android:id="@+id/userSoftSerialNumberTextView"/>
    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:src="@drawable/logo_200"
        android:layout_above="@id/userSoftSerialNumberTextView"
        android:layout_centerHorizontal="true"/>    
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textSize="15px"
        android:gravity="center"
        android:layout_below="@id/userVersionTextViewNew"
        android:id="@+id/dummyTextView"/>       
    <Button
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/loginButton"
        android:text="???????"
        android:layout_centerHorizontal="true"
        android:layout_below="@id/dummyTextView"
        android:layout_weight="0.7"/>
    <Button
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/demoLoginButton"
        android:text="??????????? ?????"
        android:layout_centerHorizontal="true"
        android:layout_below="@id/loginButton"
        android:layout_weight="0.7"/>
</RelativeLayout>

我搜索了一个修复我的问题,但我找不到一个,也许我不知道如何用英语搜索,因为它不是我的第一语言.

无论如何,我的问题是我正在尝试使用HTML中的功能,其中一个选项非常loooong,如果我离开没有任何宽度作为样式传递它将破坏整个网站.如果我使用宽度,它只显示来自的东西,看起来像切割.但是我看到了一个有"......"的例子,我很乐意使用它,但我不知道怎么做.

为了清楚起见,我正在寻找一些帮助,使我看起来像"长期选择......"或者如果有人知道更好的方法？

我试图在XAML中创建一个宽度为80%的按钮,但我似乎无法弄清楚如何.它显然不像使用Width ="80%"那么容易.我一直在想这可以通过以某种方式检测屏幕宽度并将其乘以0.8并将其用作宽度来完成,但我不确定如何在XAML中执行此操作.也许这必须在.cs文件中完成,然后从那里调整宽度.有人有解决方案吗？

我试图将两个部分放在一起使用inline-block和宽度作为百分比,但它没有填满我的窗口的整个宽度.

到目前为止我所拥有的:

HTML

<section class="left-content">
    "Some Code"
</section>
<section class="main-content">
    "Some More Code"
</section>

CSS

.left-content, .right-content { 
    width: 15%; 
    min-width: 150px; 
    padding: 5px; 
    display: inline-block; 
    overflow: hidden; 
    vertical-align: top; 
}
.main-content { 
    width: 85%; 
    min-width: 712px; 
    padding: 10px; 
    display: inline-block; 
    overflow: hidden; 
    vertical-align: top; 
}

但除非我在屏幕上计算出小数点的确切百分比,否则它不起作用.有没有人知道如何使用inline-block或我必须使用float？

我想在按钮中单击时更改高度或宽度.我试试这个但不行:

function modify(){
    document.getElementById('cercle1').style.height = "10px";
    document.getElementById('cercle1').style.width = "10px";        
}

我不确定标题是否清楚,所以解释的话很少.我有几个小元素,比方说div(200pxx 400px常数).在每个内部,有一个段落有大约20行文本.当然,这对于一个可怜的小div来说很重要.我想做的是:

1. 通常div有overflow: hidden属性.
2. 在鼠标over(:hover)上,此属性更改为overflow: auto;,并显示滚动条.

问题是什么？我想在段落文本和滚动条之间留一点空间(填充或边距).让我们说该段有一个对称的margin: 20px;.但是在:hover触发器打开后,会出现滚动条,并且段落的整个右侧都会"scrollbar-width" px向左移动.句子在其他行中被打破,整个段落看起来不同,这非常烦人且不方便用户使用.我怎样才能设置我的CSS,所以悬停后唯一的变化就是scroolbar的外观？

换一种说法:

/* Normally no scrollbar */
div {display: block; width: 400px; height: 200px; overflow: hidden;}
/* On hover scrollbar appears */
div:hover {overflow: auto;}

/* Paragraph margin predicted for future scrollbar on div */
div p {margin: 20px (20px + scrollbarwidth px) 20px 50px;}
/* With scrollbar margin is symmetrical …