我正在通过使用具有固定宽度列的表来设置表单样式,并且我希望其中的输入元素<td>填充容器.我知道CSS盒子模型,我知道元素会流失width: 100%,但问题在于它的一致性.
<input>元素按预期渗透,但<select>元素没有.这导致我的字段没有正确排列.我已经尝试了所有属性,如溢出,显示,空白......它没有任何区别.用什么<select>元素？我可以在Firebug中看到它们与input元素具有相同的box模型属性,但它们不会呈现相同的.
我正在使用HTML 5 doctype,这在Firefox和Chrome中都会发生.
现在,我正在使用JS函数修复此问题,该函数选择具有类拉伸的所有元素并计算并设置静态宽度以使其适合容器内部.这完美地排列了表单的元素.(我不得不排除<select>元素,因为它们的宽度已经好了......奇怪的怪癖.)
有一个纯CSS解决方案吗？我不希望每次更新页面的一部分时都运行此函数,就像在AJAX调用上一样...
我正在广泛使用TCPDF的Cell方法生成PDF报告.使用Cell方法打印的文本溢出超出方法中指定的宽度.我想只打印适合指定宽度的文本的一部分,但不要溢出或包裹到下一行.我不想要字体拉伸策略.
我搜索了很多,但找不到解决方案.有没有其他方法/方法来处理这个？(我使用setfillcolor(255)来实现视觉效果.但文本仍然存在,不可见;当你尝试选择时会显示.)
这是我的代码部分.
$pdf->SetFillColor(255); // only visual effect
$pdf->Cell(36, 0, "A very big text in the first column, getting printed in 3.6cm width", 0, 0, 'L', true);
$pdf->Cell(20, 0, "Data 1", 0, 0, 'L', true);
$pdf->Cell(20, 0, "Data 2", 0, 0, 'L', true);
非常感谢.
我把头发拉了出来因为我无法解决这个问题.我正在开发一个wiki.典型页面右侧有一个侧栏,宽度固定.此侧边栏的左侧是文本,div,表格等(页面内容).基本上,我希望一切都在全宽 - 这意味着如果它在侧边栏旁边,它应该是全宽减去侧边栏的长度.如果它不在侧边栏旁边,则应该是页面的整个宽度.像这样:
_______________________________
| ___ |
| text text text text te- | | |
| xt text text text text. | S | |
| ______________________ | B | |
| | | | | |
| | table | |___| |
| | or | |
| | div | |
| |_____________________| |
| |
| more text text text text tex- |
| t text text text text text t- |
| ext text text …我遇到了一些问题,并且想知道你是否可以提供帮助.
我有一个带下拉菜单的菜单,并希望根据下拉菜单的位置更改下拉菜单的位置以及下拉菜单的宽度,这是我到目前为止所得到的...
$(document).ready(function() {
var subnavWidth = $('.sub-nav-wrapper').width();
if(subnavWidth > 900) {
$('.sub-nav-wrapper').addClass('two-column-offers');
} else if (subnavWidth > 800) {
$('.sub-nav-wrapper').addClass('one-column-offers');
} else if(subnavWidth > 600) {
$('.sub-nav-wrapper').addClass('offers');
} else if(subnavWidth > 500) {
$('.sub-nav-wrapper').addClass('two-column');
} else if(subnavWidth > 300) {
$('.sub-nav-wrapper').addClass('one-column');
}
});
但只考虑菜单中的第一个列表项,并将相关类应用于每个子导航.我希望它检查每个子导航的宽度而不仅仅是第一个,然后将该类应用于该特定的子导航.
我希望这是有道理的.
我正在研究一个界面,这件事让我烦恼.
请参阅:http://jsfiddle.net/NUKxX/
它适用于Chrome,但不适用于Firefox.Chrome中的基本思想是每列中最长的单词将td或th拉伸到适当的长度以保留空间.但在Firefox中,输入元素似乎完全忽略了最大宽度和最小宽度.
我尝试position:absolute在输入和第二方面摆弄,position:relative但Firefox也忽略了后面提到的.
我如何使其工作？
我正在使用easeljs来创建HTML5页面.我必须在画布中加载图像.如何更改我正在加载的位图的宽度和高度.
var img = new Image();
img.src = image_path+images; // image from folder
var loading_img = new createjs.Bitmap(img);
stage.addChild(loading_img);
它只是在画布上显示图像,我尝试使用
loading_img.sourceRect = { x:img.width/2, y:img.height/2, width:280, height:150 };
但它裁剪图像(280*150).
谢谢,沙迪亚
我创建一个div,然后在对话框中打开它.我尝试了这个div的样式,以实现内容在两个方向上扩展到100%.
到目前为止我尝试了什么:设置div风格
#content {
width:auto !important;
height:auto !important;
background-color:red !important;
display:block !important;
}
并设置默认的div样式
$(div).dialog({ dialogClass: 'someStyle' });
.someStyle .ui-dialog-content
{
height:auto !important;
display:block !important;
}
似乎什么都没有用!我重写宽度属性但不能覆盖高度属性.怎么破解这个？
我希望实现这样的目标:http://jsfiddle.net/S3FQv/
这是我的第一篇文章.最后我决定和stackoverflow一起加入你们!
我的问题是关于一个水平滚动条,它必须100%适合它的容器.在以下示例中,您将找到理解我的问题所需的一切.
所以问题是:为什么代码在第一种情况下工作正常但是当嵌套在表格单元格中时(第二种情况)则滚动条溢出其容器？为什么会发生这种情况？如何解决？可以说:"只是摆脱表格",但我需要这个代码在一个有一些表格布局的大网站上工作.摆脱桌子对我来说意味着一百个小时的工作.
第一个(正确)和第二个滚动(不正确)之间的主要区别是:
<div class="hscroll"> (images) </div>
水平滚动的CSS代码:
.hscroll {
overflow-x:scroll;
overflow-y:hidden;
white-space:nowrap;
}
<table><tr><td> (same code as first scroll) </td></tr></table>
我非常感谢你的明智建议.
杰拉德.
这是一个正确的用例吗？
显示:在a上展开<ul>,然后每个<li>都有基于像素或百分比的宽度.
我想使用它的主要原因是我可以利用align-items: center(垂直对齐).
它似乎工作得很好,我不能让它与其他任何东西很好地工作,但它感觉不对,因为我实际上并没有在列表项上使用任何flex值.
当窗口大小小于700像素时,我只是想在控制台中写一条消息.
我尝试的是:
if(window.innerWidth < 700){
console.log("hello");
}
和
if(screen.width < 700){
console.log("hello");
}
我没有得到任何错误meassages但代码不运行.如果我在700之后发布"px"我得到错误meassage"Uncaught SyntaxError:Unexpected identifier".