标签: width

使用此代码是合法的:

<img src="...(here image)...." width="50px" height="50px" />

或者我需要使用:

<img src="...(here image)..." style="width: 50px; height: 50px;" />

我有一个有两排的桌子.第一行只有三个单元格.第二行有两个单元格,第一个单元格包含另一个需要填充整个单元格的表格.

<table border="1" style="border-collapse:collapse;">
    <tr>
        <td style="WIDTH: 205px;">1</td> <!--This width doesn't apply in Chrome-->
        <td style="width:100%;">2</td>
        <td style="WIDTH: 5px;">3</td>
    </tr>                

    <tr>
        <td colspan="2">

                <TABLE width="100%" border="1" style="border-collapse:collapse;table-layout: fixed;">
                    <TR>
                        <TD style="width:130px;">
                            A</TD>
                        <TD style="width:90px;">
                            B</TD>
                        <TD style="width:230px;">
                           C</TD>
                    </TR>

                </TABLE>        
        </td>
        <td>
            D
        </td>
    </tr>
</table>  

很简单,真的....或者我认为.

它看起来像我在IE中所期望的那样.但Chrome似乎没有正确应用第一个单元格的宽度.它似乎受到下面单元格中的表格的影响.

为什么会发生这种情况,我该如何解决这个问题呢？

我尝试使用100%宽度的jssor滑块(容器宽度为70%).问题是,jssor仅适用于像素,因此如果我使用宽度为100%的slide_container,则滑块不再起作用.有什么技巧可以让这个工作吗？

如何使图像标题宽度与图像相同？现在我有以下代码:

<div class="image">
    <img src="foo.jpg" alt="" />
    <div>This is the caption.</div>
</div>

我已经尝试了很多东西(浮动,绝对定位等),但如果标题很长,它总是使div宽而不是多行.问题是我不知道图像的宽度(或标题的长度).是解决这个使用表的唯一方法吗？

我在应用程序中使用bootstrap,你可以看到(下面)打印浏览器时(左侧)打印时使用非常小的宽度(右)所以响应式布局正在移动左侧下方的所有正确的网站元素一个和打印版本不适合一个页面.

你知道我怎么能强制浏览器保持正确的宽度？

谢谢,

雷莫

.

我希望我的标题(h1到h6)具有背景颜色(与页面背景的颜色不同),我还希望此背景的宽度与标题中文本的宽度相同,加上填充(不标题所在的容器的宽度,这就是现在发生的事情).

我向你展示任何代码没有多大意义,因为这很简单(或者无论如何都应该!).容器是固定宽度的.现在我只为h1,h2,h3等标签设置了一些边距,填充,背景颜色和字体样式.

编辑:我想代码会有所帮助!https://web.archive.org/web/20090724165158/http://adriantrimble.com/headers(这已经应用了Gerald的解决方案,但显然这在IE6/7中仍然不起作用,并且在新的浏览器中仍然存在问题).使用display:inline导致的问题多于它解决的问题,使用float:left和clear:left因为2列布局而出现问题.感谢大家帮助到目前为止.

有一个看起来像这样的表:

<table width="100%">
<tr id="header">
 <td colspan="2"></td>
</tr>
<tr id="center">
 <td id="left" style="width: 201px"></td>
 <td id="mainpage" style="width: 100%"></td>
</tr>
</table>

在除IE8之外的每个浏览器(包括IE7)中,"左"td都可以.在IE8中,它根据主页的内容超出了宽度.

我发布了一些截图,但这是我的第一篇帖子.

有什么想法吗？

看一看 :

结果应该是

在我的iPad屏幕的整个宽度上,div块一直存在问题.它似乎从屏幕右侧停止了大约20个像素.

截图:

对于菜单,我有一个div块和一个UL内部的菜单本身.UL的宽度设置为1000px,背景div块设置为宽度:100%; 这个背景的宽度恰好是1009px.

页脚是一个带背景的div块,以及两个浮动的div块.背景的宽度恰好是1004px.

我在其他网站上遇到过这个问题,特别是在这方面.任何人都有任何想法？

在calc中是否有使用scree.width？像这样的东西:

left: calc(250px + screen.width - 1024px)!important;

是针对具体情况,@ media(max-width:1024px)不起作用.