标签: width

我想使用display属性将span元素设置为显示在另一个元素下面.我尝试应用inline-block但没有成功,并认为我可以使用块,如果我以某种方式设法避免给元素宽度为100%(我不希望元素"伸展").这可以做到,或者如果没有,那么解决这类问题有什么好的实践？

示例:我想在每个帖子的末尾设置"阅读更多"链接的新闻列表(注意:<a>而不是<span>)

<li>
<span class="date">11/15/2012</span>
<span class="title">Lorem ipsum dolor</span>
<a class="read-more">Read more</a> 
</li>

更新:解决了.在CSS中,申请

li {
    clear: both;
}
li a {
    display: block;
    float: left;
    clear: both;
}

如何使用jQuery将div的宽度设置为百分比？

我在使用CSS的width属性时遇到了一些麻烦.我在div中有一些段落.我想让段落的宽度等于它们的内容,以便它们的绿色背景看起来像文本的标签.我得到的是段落继承了更宽的div父节点的宽度.

#container {
  width: 30%;
  background-color: grey;
}

#container p {
  background-color: green;
}

<div id="container">
  <p>Sample Text 1</p>
  <p>Sample Text 2</p>
  <p>Sample Text 3</p>
</div>

真的在寻找答案.

想要根据一个或多个字符设置TextView的宽度.因此,如果我希望它总是3个字符宽,我可以设置它,它将根据textSize设置进行调整.如果没有这个,我必须将宽度设置为50dip或其他东西,根据字体大小,可能是也可能不对.

我想创建交替的100%彩色块."理想"情况被说明为附件以及当前情况.

所需的设置:

目前:

我的第一个想法是创建一个div类,给它一个背景颜色,并给它100%的宽度.

.block {
    width: 100%;
    background: #fff;
}

但是,您可以看到这显然不起作用.它仅限于集装箱区域.我试图关闭容器,但也没用.

所以我在这里有这个代码:

<table>
    <tr>
        <td width="200px" valign="top">
            <div class="left_menu">
                <div class="menu_item">
                    <a href="#">Home</a>
                </div>
            </div>
        </td>
        <td width="1000px" valign="top">Content</td>
    </tr>
</table>

用CSS

.left_menu {
    background: none repeat scroll 0 0 #333333;
    border-radius: 5px 5px 5px 5px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
}

.menu_item {
    background: none repeat scroll 0 0 #CCCCCC;
    border-bottom: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    border-top: 1px solid #FFFFCC;
    cursor: pointer;
    padding: 5px;
}

它适用于我的浏览器很好,我已经在每个浏览器Mac和PC的测试,但有人抱怨说,td与width200不断变化的宽度.我不知道他在说什么.有谁知道为什么他或她看到宽度变化td？

我试图让WebView具有与Android浏览器类似的行为.浏览器以试图使其宽度适合屏幕的方式打开所有页面.但是,WebView的默认行为是以100%像素比例开始,因此它会在左上角开始放大.

我花了最近几个小时试图找到一种方法让WebView将页面缩放到屏幕,就像在浏览器中一样,但我没有运气.有人找到了实现这个目标的方法吗？

我看到的是一个名为setLoadWithOverviewMode的设置,但它似乎根本没有做任何事情.我还尝试了setInitialScale,但是在不同的屏幕尺寸和网页尺寸上,它们不像浏览器缩放那样优雅.

任何人有任何线索？

谢谢

编辑:布莱恩的方法似乎适用于手机在风景但不是肖像.在肖像中,它很接近,但仍然不适合页面中的整个屏幕.我开始这个赏金,希望有一个确定的方法来获得初始缩放以使页面适合任何方向或屏幕大小的页面宽度.

我想澄清一下是否可以根据内容的大小调整div的大小而不必使元素浮动或者必须使它们的位置绝对.可能吗？

如何将ac#winforms listview控件的列宽设置为auto.宽度= -1/-2之类的东西？

我们刚刚开始实施新的google recaptcha,如https://www.google.com/recaptcha/intro/index.html所示

然而,新方法似乎包含在iFrame中而不是嵌入到页面中,因此使CSS应用更加困难.

然而,我们的形状是400px宽,所以我希望重新获得相同的宽度.

目前它看起来像,但我们喜欢与其他人一样.

有人知道怎么做吗？

谢谢