标签: width

水平滚动页面上 100% 宽度的图像

我正在尝试为照片故事制作一个页面 - 它意味着水平滚动,但我也希望图像缩放到 100% 高度和自动宽度(因此无需裁剪)。水平滚动和100%高度/自动宽度没有问题。但我无法让图像保持适当的间距 - 它们不断重叠。请参阅: https: //i.stack.imgur.com/iAIXT.jpg

这可能吗?我已经在这方面工作了很多年了,但我已经没有什么想法了。

谢谢!

JS:

<script type="text/javascript" charset="utf-8">
    $(function(){
            $(".image").wrap("<td>");
    });
</script>   
Run Code Online (Sandbox Code Playgroud)

CSS:

.image {
position:absolute;
width:auto;
height:100%;
}   
Run Code Online (Sandbox Code Playgroud)

HTML:

<div id="page-wrap">
         <div class="image">
              <img src="images/Betty-001.jpg" id="image-contents" />  
         </div>

         <div class="image" style="margin-left:75%;">
               <img src="images/Betty-001.jpg" id="image-contents" />  
         </div>             
</div>
Run Code Online (Sandbox Code Playgroud)

css image width horizontal-scrolling

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

如何使用纯 CSS 增加宽度:自动 DIV 的宽度 X 像素

我有一个DIV(设置为float:left),它的宽度设置为auto因为我希望它和它的内容一样宽。

在悬停,我想增加宽度的的DIV的说,20个像素。

在:hover CSS 类中设置固定宽度时,容器将在悬停时获得该宽度,但是

  1. CSS3-Transitions 将不适用/工作(在 Firefox 15.0.1 中测试)
  2. 如果我的DIV的内容大于该固定宽度,则最终宽度将不正确。

如何 - 在不使用 javascript 的情况下 - 我可以将DIV的内容调整为其内容,并在悬停时将宽度增加一定数量的像素吗?

在这里查看我的 JSFiddle。

html css width transitions

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

无法设置动态创建的搜索栏的最小宽度

这是我用来生成视图对象的代码:

        // creates the seekBar
        sBGauge = new SeekBar(this);
        sBGauge.setMax(depthL - 1);
        sBGauge.setMinimumWidth(150);
        sBGauge.setId(2000 + i);
        sBGauge.setOnSeekBarChangeListener(this);
Run Code Online (Sandbox Code Playgroud)

我设置了 sBGauge.setMinimumWidth(); 它似乎总是只有大约 20 宽。

有什么想法吗?谢谢

编辑:为了提供更多信息,我在 tablerow 中的两个 textViews 之间使用此搜索栏。

撞

css android width seekbar

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

我已经为 div 设置了背景颜色,但是当我减小窗口大小时它消失了

该网页是站点链接。如果减小窗口大小,透明灰色background消失。我已经尝试了很多方法来解决这个问题,但没有成功。有任何想法吗?我使用的 CSS 是:

  #content {
    margin-bottom: 20px;
    padding-left: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    overflow:auto;
}
Run Code Online (Sandbox Code Playgroud)

css background width

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

R中条形图数组中的恒定条形宽度

我正在尝试制作一个(1 行,3 列)条形图数组,它们都具有相同的条形宽度。

所有三个条形图都有不同数量的观测值,因此每个图的条形宽度最终都不同(即,具有最多观测值的图形具有最窄的条形,而具有最少观测值的图形具有最宽的条形)。我从barplot {graphics} R文档中了解到,

“除非xlim指定,否则指定单个值将没有可见效果”

但是,我x labels是字符串,所以我不确定如何指定xlim. 我不介意我的图的宽度是否不同,但是我需要以某种方式指定它吗?

这是一些假数据和我正在使用的代码……谢谢你的帮助。

height4plot1 <- c(1,6,9,2,3,10,7,15)
names4plot1 <- c("P1","P2","P3","P4","P5","P6","P7","P8")

height4plot2 <- c(5,4,10,2)
names4plot2 <- c("M1","M2","M3","M4")

height4plot3 <- c(4,12)
names4plot3 <0 c("U1","U2")

par(mfrow=c(1,3),
    mar=c(10,5,2,1),
    cex.axis=0.7,
    mgp=c(3,0.5,0))
barplot(height4plot1,
    names.arg=names4plot1,
    las=3,
    axes=TRUE,
    axisnames=TRUE,
    ylab="YLAB",
    ylim=ylim,
    plot=TRUE,
    main="PLOT1",
    width=1)
barplot(height4plot2,
    names.arg=names4plot2,
    las=3,
    axes=TRUE,
    axisnames=TRUE,
    ylim=ylim,
    plot=TRUE,
    main="PLOT2",
    width=1)
barplot(height4plot3,
    names.arg=names4plot3,
    las=3,
    axes=TRUE,
    axisnames=TRUE,
    ylim=ylim,
    plot=TRUE,
    main="PLOT3",
    width=1)
Run Code Online (Sandbox Code Playgroud)

plot r width

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

C# 获取可滚动面板的总内部区域

对某人来说应该是一个很好的简单的...

我有一个面板,我正在向其中动态添加子控件,当它们中的任何一个放置在可见区域之外时,滚动条将出现。

我需要知道这个区域的总面积。即可滚动区域有多宽?

我可以获得最远放置的控件并使用其 left + width 属性,但必须有更简洁的方法吗?

编辑:希望这说明我需要什么(可滚动区域宽度)。 在此处输入图片说明

c# panel area width

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

HTML CSS 表格填充父元素中的空间

我在表中使用表。我希望子表填充父表单元格。这可能吗?

此外,表列是否有可能在不缩小其他列的情况下填充剩余空间(不像width='90%'这可能会迫使其他一些列被截断)?

html css formatting width css-tables

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

根据屏幕宽度设置视图的宽度

我试图让视图的宽度基于屏幕的宽度。根据 0 到 100 之间的值,宽度将是屏幕宽度的百分比。以下是我获取 DP 屏幕宽度的方法:

Display display = ((Activity)context).getWindowManager().getDefaultDisplay();
DisplayMetrics outMetrics = new DisplayMetrics ();
display.getMetrics(outMetrics);
float density  = context.getResources().getDisplayMetrics().density;
float screenWidthDP = outMetrics.widthPixels / density;
Run Code Online (Sandbox Code Playgroud)

这会为我的设备返回 360dp,这是正确的。然后我用它来设置视图的宽度,其中 timeCountNewRange() 返回 0 - 100 之间的值:

int timeCountNewRange = getNewRangeTimeCount(timeCount, min, max);
int widthDP = (int) (((double)timeCountNewRange / 100.0) * screenWidthDP);

LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(widthDP, 15);
params.setMargins(5, 0, 0, 0);
appHolder.timeBar.setLayoutParams(params);
Run Code Online (Sandbox Code Playgroud)

由于某种原因,当“timeCountNewRange”值为 100 时,它仅占屏幕宽度的 60% 左右,其他所有内容也更短。如果更换

LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(widthDP, 15);
Run Code Online (Sandbox Code Playgroud)

和

LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(360, 15); …
Run Code Online (Sandbox Code Playgroud)

android width android-layout android-view

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

Why isn't window.innerWidth returning the right value?

I am trying to solve the problem of using Javascript to determine the width of my browser's "window". I'm aware different people can mean different things in this context so to be specific I mean the area in green as in this post.

I've read the first two replies to that post and a number of other stackoverflow solutions to this problem, none of which I could get to work: I am using Firefox 27.0.1 with the window maximised on …

html javascript viewport width

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

更改 Bootstrap 默认容器宽度

我想更改引导容器的默认宽度,即1170px.
可以覆盖这样的设置吗?

@media (min-width: 1200px) {
    .container {
        width: desired_width;
    }
}
Run Code Online (Sandbox Code Playgroud)

这就是我真正要做的一切吗?

css containers width twitter-bootstrap

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