我有ListBox一个PopupControl.问题是在滚动时,Popup会调整大小以适应实际最宽的元素.
如何避免此调整大小并自动调整到整个列表中最宽的元素?
我试图把它放在一个Grid但没有成功.
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?
谢谢
我的印象是'dip'(密度独立像素)值是使用%值来确定布局元素的宽度和高度的android解决方案.我认为这是使用静态'px'(像素)值或其他静态测量(如厘米或英寸)的升级.
不幸的是,dip值不会像百分比值那样缩放,Android中有宽度和高度参数的百分比值吗?
洞察力赞赏!
我正在尝试做一些非常简单的事情:<a>带有背景图像的标签.代码可以在这里找到,http://jsfiddle.net/QWatA/
问题是由于某种原因我无法<a>在此代码中设置标记的宽度.如果我只有一个正常的背景并设置宽度它工作正常.但是,如果我这样做,我无法控制宽度.理想情况下,我希望所有链接都具有相同宽度的高光.
我这样做的原因是我想为每个链接提供不同的背景图像,所以我不得不定义所有这些a.class1, a.class2东西.
谢谢!!
我有一个浮动的图像列表,每个图像的右边距为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是容器元素,它可以获得附加的大小.
我想以编程方式为uilabel设置自动调整大小设置.
我想要完全相同的设置,如我设置的界面构建器设置,请参阅此处:
http://imageshack.us/photo/my-images/545/bildschirmfoto20120508u.png/
那么如何以编程方式设置它?我想要全宽.
我尝试过:
titleLabel.autoresizingMask = UIViewAutoresizingFlexibleWidth;
Run Code Online (Sandbox Code Playgroud)
但是当我使用它时,我的标签非常奇怪(在肖像模式中宽度为0,在横向约为100).
怎么办?
我想让我的标签标签共享JTabbedPane宽度.如果有一个标签,适合整个宽度,如果两个标签,共享宽度,如果三个,每个1/3等等...
我甚至不知道是否可以在没有放置组件并调整大小的情况下这样做,也许JTabbedPane有办法通过方法调整它的标签标签,我不知道......
任何人都知道如何以最简单的方式制作它?
请看这段代码:
<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填充?
如果一段文本大于它的容器,我试图在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> – <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) 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技术,它们使用calc和vw,vh等值进行一些有趣的非标准行为。
我可以使用CSS 反转默认行为并增加填充,而宽度减小(或至少对此产生一种错觉)吗?
编辑:另外,我知道媒体查询,但我希望这种过渡像默认填充的工作方式一样平滑。