标签: width

WPF ListBox固定宽度

我有ListBox一个PopupControl.问题是在滚动时,Popup会调整大小以适应实际最宽的元素.

如何避免此调整大小并自动调整到整个列表中最宽的元素?

我试图把它放在一个Grid但没有成功.

wpf listbox fixed width

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

动态计算宽度(jQuery)

HTML:

<div class="parent">
    <div class="one"></div>
    <div class="two"></div>
    <div class="three"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

jQuery的

parentWidth = $(".parent").outerWidth(true);
oneWidth = $(".parent .one").outerWidth(true);
twoWidth = $(".parent .two").outerWidth(true);
$('.parent .three').width( parentWidth - oneWidth - twoWidth);
Run Code Online (Sandbox Code Playgroud)

但问题是,DIV .one或.two有时可能不存在,我该如何为它修改jQuery?

谢谢

jquery dynamic width conditional-statements

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

Android实际自动缩放宽度/高度参数?

我的印象是'dip'(密度独立像素)值是使用%值来确定布局元素的宽度和高度的android解决方案.我认为这是使用静态'px'(像素)值或其他静态测量(如厘米或英寸)的升级.

不幸的是,dip值不会像百分比值那样缩放,Android中有宽度和高度参数的百分比值吗?

洞察力赞赏!

xml height android width density-independent-pixel

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

CSS:<a>的宽度

我正在尝试做一些非常简单的事情:<a>带有背景图像的标签.代码可以在这里找到,http://jsfiddle.net/QWatA/

问题是由于某种原因我无法<a>在此代码中设置标记的宽度.如果我只有一个正常的背景并设置宽度它工作正常.但是,如果我这样做,我无法控制宽度.理想情况下,我希望所有链接都具有相同宽度的高光.

我这样做的原因是我想为每个链接提供不同的背景图像,所以我不得不定义所有这些a.class1, a.class2东西.

谢谢!!

css background image width

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

根据容器div宽度将类添加到<li>元素

我有一个浮动的图像列表,每个图像的右边距为10px.我使用jquery给最后一个LI元素一个"last"类,它删除了右边距.

这是我正在使用的jQuery:

$('ul.grid_list li:nth-child(3n)').addClass('last');
Run Code Online (Sandbox Code Playgroud)

所以这个使得每行有3个LI元素.

我需要做的是根据容器div的大小将"last"类附加到不同的LI元素.

我使用媒体查询来增加容器div宽度,它分为4:Mobile(每行2 LI),Facebook iFrame 520px(每行3 LI),iPad Portrait(每行4 LI),960px(每行5 LI) )

所以它基本上需要做的就是这样......

如果是960px宽,将"last"添加到第5个Li子如果是520px宽,则将"last"添加到第3个LI子

我希望一切都有道理.如果您需要更详细的信息,请告诉我.我愿意根据窗口大小为容器div添加不同的类名.

提前致谢!

编辑:

对不起,在回答一个问题时,html设置如下:

<div id="wrapper">
...
    <ul class="grid_list">
        <li></li>
        <li></li>
        <li class="last"></li>
        <li></li>
    </ul>
...
</div>
Run Code Online (Sandbox Code Playgroud)

WRAPPER是容器元素,它可以获得附加的大小.

html css jquery class width

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

如何像这个InterfaceBuilder设置一样自动调整标签?

我想以编程方式为uilabel设置自动调整大小设置.
我想要完全相同的设置,如我设置的界面构建器设置,请参阅此处:

http://imageshack.us/photo/my-images/545/bildschirmfoto20120508u.png/

那么如何以编程方式设置它?我想要全宽.

我尝试过:

titleLabel.autoresizingMask = UIViewAutoresizingFlexibleWidth;  
Run Code Online (Sandbox Code Playgroud)

但是当我使用它时,我的标签非常奇怪(在肖像模式中宽度为0,在横向约为100).

怎么办?

xcode interface-builder autosize width uilabel

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

JTabbedPane选项卡组件调整大小以适应

我想让我的标签标签共享JTabbedPane宽度.如果有一个标签,适合整个宽度,如果两个标签,共享宽度,如果三个,每个1/3等等...

我甚至不知道是否可以在没有放置组件并调整大小的情况下这样做,也许JTabbedPane有办法通过方法调整它的标签标签,我不知道......

任何人都知道如何以最简单的方式制作它?

java swing tabs width jtabbedpane

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

填充会导致水平滚动 - 它会增加宽度

请看这段代码:

<html>
<head>
<style type="text/css">
html, body{
width:100%;
height:100%;
margin:0px;
}

#header{
width:100%;
height:100px;
position:fixed;
display:inline-block;
background-color:red;
padding:0 10px 10px 10px;
}
</style>
</head>
<body>
    <div id="header">
         <div id="header-container">
         </div>
    </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

这是演示.的header必须具有100%的宽度,并且从左侧,右侧和底部10px的填充.请看这张照片

在此输入图像描述

这是#header萤火虫的布局.正如你所看到的那样,右边的填充不在图像中,因为10px填充被添加到#header宽度中(你可以测试它).如何在#header不增加宽度的情况下为左,右和底设置100%宽度和10px填充?

html css padding width

2
推荐指数
2
解决办法
7716
查看次数

反应:渲染后无法获得正确的元素宽度

如果一段文本大于它的容器,我试图在React中设置一个选取框,但即使组件已渲染,我也无法获得正确的容器宽度。

我读了另一个答案React“渲染后”代码?您必须使用我正在尝试的requestAnimationFrame,但仍无法正常工作。

如果我记录容器的宽度,它会显示147px的宽度,该宽度是在样式表中使用min-width设置的,但是正确的宽度应该是320px,当屏幕的min-width是600px时,使用媒体查询可以设置该宽度。

这是一个子组件,如果有任何区别,并且iFrame的宽度超过600像素,则父组件将呈现在iFrame中。

JS:

module.exports = React.createClass({

  componentDidUpdate: function () {
    // Setup marquee
    this.initMarquee();
  },

  render: function () {
    // Setup marquee
    this.initMarquee();

    var artistName = this.props.artist.artistName;
    var trackName  = this.props.track.trackName;

    return (
      <div className="MV-player-trackData no-select" ref="mvpTrackData">
        <div className="MV-player-trackData-marquee-wrap" ref="mvpMarqueeWrap">
          <div className="MV-player-trackData-marquee" ref="mvpMarquee">
            <a className="MV-player-trackData-link no-select" href={this.props.storeUrl} target="_blank">
              <span id="mvArtistName">{artistName}</span> &ndash; <span id="mvTrackName">{trackName}</span>
            </a>
          </div>
        </div>
      </div>
    )
  },

  initMarquee: function () {
    if ( typeof requestAnimationFrame !== 'undefined' ) {
      //store a this ref, and …
Run Code Online (Sandbox Code Playgroud)

javascript iframe width reactjs

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

随着浏览器宽度减小,增加元素填充

CSS中的默认填充行为符合预期,并且当浏览器宽度减小时不会增加。在摘要中,随着宽度的减小,填充的基于百分比的值将降低,如预期的那样。

在此处输入图片说明

html {
  background-color: #f8f8f8;
  font-family: Arial;
  text-transform: uppercase;
}
h1 {
  display: inline-block;
  background-color: #fe0;
  padding: 4%;
}
Run Code Online (Sandbox Code Playgroud)
<h1>Highlighted Text</h1>
Run Code Online (Sandbox Code Playgroud)

我已经学习了一些有趣的CSS技术,它们使用calcvwvh等值进行一些有趣的非标准行为。

我可以使用CSS 反转默认行为并增加填充,宽度减小(或至少对此产生一种错觉)吗?

编辑:另外,我知道媒体查询,但我希望这种过渡像默认填充的工作方式一样平滑。

html css padding width css3

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