标签: width
一个空格等于多少像素？
这是我的代码:
<div style="position:absolute;top:300px;width:50px;height:50px;background:red;color:black;word-wrap:break-word;">
<div contenteditable=true>
aaaaa
bbbbbbbbbbb
</div>
</div>
我想填补div中的所有空间.
有多少像素 ？
推荐指数
解决办法
查看次数
如果我的浏览器窗口小于div的内容,当我向右滚动时,100%宽度的div会被切断
我在自己的网站上遇到了一个<div>应该有100%宽度的问题.它的代码如下所示.
#myDiv {
width: 100%;
height: 160px;
background: #f48;
}
除以下问题外,这项工作很有用:
当我的浏览器窗口小于其<div>内容时,我向右滚动,然后我<div>将向左移动页面的其余部分,而不是占用页面可滚动区域宽度的100%.
这个问题一直困扰着我几个小时,就在最近我意识到许多其他网站都有同样的问题.包括Facebook.com和Stackoverflow.com,只需看看我的快照如下.
Facebook的错误:
Stackoverflow的错误:
推荐指数
解决办法
查看次数
图形标签中图像上的figcaption标签的居中和对齐宽度
我花了两天时间试图解决无花果/无花果问题无济于事.
我有一个Django应用程序,用户可以在其中提交图像,我正在使用图形和figcaption标签来显示带有附带标题的图像.主要问题是标题宽度超出图片宽度.
我试图找出一种方法让图像保持相同的大小和标题,以相应地排列宽度.我也在使用Twitter-Bootstrap.我对所有解决方案持开放态度.任何意见,经验或建议都非常感谢.
更新:这是实际的HTML模板代码和CSS:
<div class="span4 offset2">
{% if story.pic %}
<h2>Image</h2>
<figure width="{{story.pic.width_field}}">
<img class="image"src="{{ story.pic.url }}" width="{{story.pic.width_field}}" alt="some_image_alt_text"/>
{% if story.caption %}
<figcaption>
{{story.caption}}
</figcaption>
{% endif %}
</figure>
{% endif %}
</div>
image {height:auto;}
figure {margin:0; display:table;}
figcaption {display:table-row;
max-width: 30%;
font-weight: bold;}
推荐指数
解决办法
查看次数
为什么忽略表格宽度？
我在下面编码样式:
table.gridtable {
font-family: verdana,arial,sans-serif;
font-size:14px;
color:#333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
width: 400px;
}
我在Firebug中看不到任何重叠.然而,表宽度计算为812 px;
为什么？
实际页面在这里(俄语):http://garmonia-znakomstva.ru/service.html
UPDATE
我可以添加不可见的单词分隔符,如果空间不足会导致单词断开和连字符,如果有足够的空间则会连续单词？
推荐指数
解决办法
查看次数
如何强制嵌套列表项与父列表项的宽度相同？
我有一个水平父列表.单击时,某些列表项会显示嵌套的垂直列表.如何强制垂直子列表中的项目与父列表项目的宽度相同？
见jsFiddle.
HTML:
<ul class="mainMenu horizontalMenu bulletless fullWidth bold">
<li class="showSubMenu">
<div>Resumes & Cover Letters ▾ </div>
<ul class="mainSubMenu bulletless">
<li><a>Resumes</a></li>
<li><a>Cover Letters</a></li>
<li><a>Interviews</a></li>
</ul>
</li><li><a>Other Link</a>
</li><li><a>Other Link</a></li>
</ul>?
CSS:
.horizontalMenu li{
display: inline-block;
}
.mainMenu > li{
border: 1px solid black;
}
.mainMenu a, .mainMenu div{
display: block;
padding: 10px 20px;
}
.mainSubMenu{
position: absolute;
}
推荐指数
解决办法
查看次数
操作栏中的水平进度条宽度
我在操作栏中显示一个水平进度条.我的问题是进度条宽度不是动作条宽度,而是较小(但居中).这是正常的行为吗？如何给它屏幕宽度？
我在onCreate中使用它
requestWindowFeature(Window.FEATURE_PROGRESS);
这在我的方法中
public void setShowIndeterminateProgress(boolean val) {
setProgressBarIndeterminate(true);
setProgressBarVisibility(val);
}
提前致谢.
推荐指数
解决办法
查看次数
在Android中如何获取设置为Wrap_Content的Textview的宽度
我正在尝试向textview添加一个文本,我已将其宽度设置为Wrap_content.我试图获得此textview的宽度.但它在所有情况下都显示为0.在将文本设置到文本视图后,如何获得textview的宽度.
代码如下:
LinearLayout ll= new LinearLayout(this);
ll.setOrientation(LinearLayout.VERTICAL);
TextView tv = new TextView(this);
tv.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));
ll.addView(tv);
tv.setText("Hello 1234567890-0987654321qwertyuio787888888888888888888888888888888888888888888888888");
System.out.println("The width is == "+tv.getWidth());// result is 0
this.setContentView(ll);
请建议.提前致谢.
推荐指数
解决办法
查看次数
JavaScript:获取窗口宽度减去滚动条宽度
好吧,我觉得这很简单,但事实并非如此.我想我只是在我的HTML/CSS中弄乱了一些东西,但是这里有.
我有一个像这样的基本页面:
HTML
<!DOCTYPE html>
<html>
<head>
<link href='test2.css' rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="test2.js"></script>
</head>
<body>
<div id="scroll"></div>
</body>
</html>
test2.css
* {
padding: 0;
margin: 0;
}
html, body {
height: 100%;
width: 100%;
}
#scroll {
height: 100%;
width: 100%;
overflow: scroll;
background-color: black;
}
test2.js
$(document).ready(function() {
// my resolution is 1440x900
alert('innerwidth should be 1425');
// all of these return 1440
alert('body innerwidth: ' + $('body').innerWidth());
alert('document width: ' + $(document).width());
alert('window width: ' …推荐指数
解决办法
查看次数
如何在加载数据后调整jqgrid的列宽？
我的最终目标是让jqgrid根据数据内容自动设置列宽.作为前往那里的路径的一部分,我需要能够在加载数据之后设置列宽,这时我知道每列的最大宽度.但是,一旦我知道列的最大宽度,我如何在"loadComplete"事件中设置每列的宽度并使用每列的新宽度刷新网格？我在网上找到的大多数帖子都是关于网格的整体宽度.我想要的是设置每个列的宽度,如果总宽度太长,则自动显示水平滚动条.
更新:在看到Oleg的精彩演示之后,我最终在dqGrid(4.5.4)中对此进行了编码.这是我做的:
找到该功能
addJSONData = function(data,t, rcnt, more, adjust) {
然后找到这个功能
for (j=0;j<rowReader.length;j++) {
v = $.jgrid.getAccessor(cur,rowReader[j]);
rd[ts.p.colModel[j+gi+si+ni].name] = v;
rowData.push(addCell(idr, v, j + gi + si + ni, i + rcnt, cur, rd));
// my addtion: stores the largest header size
var newWidth = v.length * 6;
if (ts.grid.headers[j].width < newWidth) {
ts.grid.headers[j].width = newWidth;
}
}
然后在此函数结束之前,添加以下内容
// my addition: invoke the resizing logic
for (j = 0; j < rowReader.length; j++) {
ts.grid.resizing = { idx: …推荐指数
解决办法
查看次数
css中的百分比宽度不起作用
我正在使用一种方法在css中使用视口测量来定义我的width属性,css代码:
#content {
position: absolute;
background-color: white;
width: 100vw;
top: 115px;
bottom: 30px;
display: table;
z-index: 0;
}
当我从宽度改变宽度:100vw; 宽度:100%; 我的代码不再工作了.我想更改为百分比测量,因为我发现viewport不适用于Android <4.4
其他相关的HTML和CSS代码:
HTML
<div id="mainslide">
<section id="aanbod">
<div id="content" align="center">
<table class="tablestyleorchideeaanbod">
<tr>
<td class="titel" width="85%">Orchidee</td>
<td class="beschrijving" width="15%" rowspan="1" align="right">21 aug</td>
</tr>
<tr>
<td class="soort">Cherry red</td>
<td width="15%" rowspan="2" align="right"><svg height="30" width="30">
<circle cx="15" cy="15" r="12" fill="#ff4641" />
</svg></td>
</tr>
<tr>
<td class="beschrijving"><span class="width">Aantal: 100 stuks</span>Grootte: 3 Liter</td>
</tr>
</table>
</div>
</section>
<section>
..............
</section>
<section>
..............
</section> …推荐指数
解决办法
查看次数