标签: width

我正在构建一个应用程序,并根据内容和屏幕大小,我想动态设置字体大小,以填充整个屏幕.

有没有办法确定文本行的宽度(以像素为单位)？我想避免试用和错误可以呈现给用户的闪烁.可以在没有首先显示TextView的情况下完成吗？

如何找到元素的宽度？

我将maxwidth设置为100px,宽度设置为"auto".我试图动态找到它的确切宽度,可能<100px.

我尝试了这些选项:element.offSetWidth,element.style.width,通过Dom.getRegion和拉伸宽度创建了一个区域.

但是,以上所有选项都返回100px宽度.

任何非基于jquery的解决方案好吗？

-Vidi

我有这些图像,我从我的服务器和使用PHP的数据库

<div class="pics">

<img src="upload/<?php echo $array['image'] ?>" height="200"/>

</div>

实际尺寸很大,但我需要它们都在200的高度.

如何使用jQuery找到此图像的宽度,我无法在任何地方找到教程....

任何帮助,将不胜感激.

谢谢你的时间,J

我是新手(不开玩笑？!),我无法让这个工作.我在这做错了什么？如果屏幕宽度大于480,我不希望此功能执行任何操作,仅在屏幕宽度为480及以下时触发.

if ( screen.availWidth < 480 ) {

 $(document).ready(function(){
 $(".reklam").click(function(){
 $('.reklam').attr('src','bilder/480/reklam_on.jpg');

  });
});

}

我正在尝试修改div的宽度.我究竟做错了什么？

$('#foo')

[<div class=?"bar" id=?"foo" style=?"width:? 40%">?</div>?]

$('#foo').css('style','width:50%')

[<div class=?"bar" id=?"foo" style=?"width:? 40%">?</div>?]

如何设置图像的CSS样式,使其可以适应bootstrap 6列可用的全部宽度,并相应地缩放高度

  <div class="col-xs-6">
    <img src="the_image.jpg" class="my_image_style">          
  </div>

谢谢!

我想.center通过4:3纵横比(每3个高度4个宽度)和高度保持div的宽度相对于它的高度100%; 然后水平对齐div的中心.

就像你在这里看到的flash应用程序一样.

这就是我所拥有的:

HTML:

<div id="stuff" class="center" width="800" height="600"> 
     <canvas id="someHTML5">You cant play HTML5</canvas>
</div>

CSS:

.center {
    position: absolute;
    left: 50%;
    width: 800px; /* how do I make this relative; i want: pseudo code: width: height/3*4; */
    height: 100%;
    margin-left: -400px; /* -width/2 for horizontal alignment */
    z-index: 100;  
}

我还有一个JavaScript循环来集成JavaScript端更新.

我不明白为什么caseButtonBarRow2 div宽度呈现为297.778px.它应该是300px,对吗？我想这是我的border: 1px #FF2F2A solid;.这似乎是以1.111px的大小呈现....但为什么呢？这是容器中的几个div级别,固定宽度为310px(左/右填充为5px).顶级div是唯一具有固定宽度的div,所以我猜 caseButtonBarRow2应该延伸到300px,对吗？

HTML:

<div id="caseButtonBarRow2" class="buttonBarRow">
    <div style="position: relative;">
        <a id="MainContent_Case7CheckBox_ToggleButton" href="" title="UNSELECTED" style="position: absolute; left: 0px; top: 0px; width: 40px; height: 40px; font-size: 40px; background-image: url(https://jimasta-laptop/ExaminerGradeSheet/images/ExaminerButton7_unchecked.png); background-repeat: no-repeat;"></a>
    </div>
    <input data-act-togglebuttonextender="imageWidth:40,imageHeight:40,uncheckedImageUrl:'images/ExaminerButton7_unchecked.png',checkedImageUrl:'images/ExaminerButton_checked.png',uncheckedImageAlternateText:'UNSELECTED',checkedImageAlternateText:'Case 7',id:'MainContent_ctl230'" id="MainContent_Case7CheckBox" type="checkbox" name="ctl00$MainContent$Case7CheckBox" style="visibility: hidden;">

    <div style="position: relative;"><a id="MainContent_Case8CheckBox_ToggleButton" href="" title="UNSELECTED" style="position: absolute; left: 0px; top: 0px; width: 40px; height: 40px; font-size: 40px; background-image: url(https://jimasta-laptop/ExaminerGradeSheet/images/ExaminerButton8_unchecked.png); background-repeat: no-repeat;">

        </a>
    </div>
    <input data-act-togglebuttonextender="imageWidth:40,imageHeight:40,uncheckedImageUrl:'images/ExaminerButton8_unchecked.png',checkedImageUrl:'images/ExaminerButton_checked.png',uncheckedImageAlternateText:'UNSELECTED',checkedImageAlternateText:'Case 8',id:'MainContent_ctl232'" id="MainContent_Case8CheckBox" type="checkbox" name="ctl00$MainContent$Case8CheckBox" style="visibility: hidden;">

    <div …

我知道关于这个话题还有很多其他问题,但是我已经仔细研究了所有这些问题,但仍然没有让它发挥作用.

我已经为测试制作了这段代码:

public class MainActivity extends Activity {

RelativeLayout layout;
TextView widthtext;
TextView heighttext;
int width;
int height;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    layout = (RelativeLayout) findViewById(R.id.rela);

    widthtext = (TextView) findViewById(R.id.textView);
    heighttext = (TextView) findViewById(R.id.textView2);

    layout.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
        @Override
        public void onGlobalLayout() {
            width = layout.getWidth();
            height = layout.getHeight();
        }
    });

    widthtext.setText(width);
    heighttext.setText(height);
}

和

<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context=".MainActivity"
android:id="@+id/rela">

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:text="123"
    android:id="@+id/textView"
    android:layout_alignTop="@+id/textView2"
    android:layout_toLeftOf="@+id/textView2"
    android:layout_toStartOf="@+id/textView2"
    android:layout_marginRight="50dp"
    android:layout_marginEnd="50dp" …