标签: width
如何使用CSS自动调整div的宽度？
请考虑以下示例:
HTML:
<div class="wrapper">
<div class="left">Some text here</div><div class="right">Hello Stack Overflow</div>
</div>
CSS:
.wrapper {
border: 1px solid black;
width: 400px;
}
.left {
border: 1px solid green;
display: inline-block;
}
.right {
border: 1px solid red;
display: inline-block;
float: right;
}
我想div根据红色的宽度强制绿色的宽度尽可能大.红色的宽度div可根据div内容而变化.因此,例如,如果红色的宽度div为150px,则绿色的宽度应为250px.这应该总是如此:
green div width + red div width = 400px
我怎么能用CSS实现这个目标？
没有Javascript请...
推荐指数
解决办法
查看次数
宽度和高度不适用于DIV标记
嗨,
我创建了一个带有高度和宽度为500px的div的小弹出窗口.每当我直接显示它时,它看起来都很好.但是当我将display:none设置为默认并且只要我点击按钮使其可见时,弹出窗口显示没有高度和宽...任何人都可以告诉我原因.....
<!DOCTYPE HTML>
<html>
<head>
<style>
div{
width:500px;
height:500px;
border:1px solid black;
background:#988858;
border-radius:14px;
box-shadow:5px 5px 10px #666633;
display:none;
}
</style>
</head>
<body>
<button class="button">Click</button>
<div id="Popup">
<a href="#" id="Close" onClick="closePopup()">close</a>
</div>
</body>
<script>
document.getElementsByClassName('button')[0].addEventListener('click',showPopup,false);
function showPopup(){
//document.getElementById('Popup').style.width=500+'px';
//document.getElementById('Popup').style.height=500+'px';
document.getElementById('Popup').style.display='inline';
}
function closePopup(){
document.getElementById('Popup').style.display='none';
}
</script>
</html>
推荐指数
解决办法
查看次数
如果div宽度小于,则jquery addClass
var section = $('.section');
var width = section.width();
if (width < 960)
section.addClass('.section-slim');
有人能看出这有什么问题吗？我没有得到增加的课程.
推荐指数
解决办法
查看次数
XAML宽度设置为百分比
我有以下代码.
<Grid Grid.Row="1">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="100*" />
<ColumnDefinition Width="100*" />
<ColumnDefinition Width="100*" />
<ColumnDefinition Width="100*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="100*" />
<RowDefinition Height="100*" />
<RowDefinition Height="100*" />
</Grid.RowDefinitions>
<StackPanel Grid.Row="0" Grid.Column="0" Width="30*">
...
</StackPanel>
</Grid>
我试图将Stackpanel宽度设置为单元格的30%.我已经提到了WPF的帖子:将宽度(和高度)设置为百分比值.按照帖子它应该在网格中将宽度设置为30*.但它显示错误"30*字符串无法转换为长度".所以我想纠正错误,或者我只想找到一种方法来设置宽度为30%的单元格的堆栈面板.谢谢.
推荐指数
解决办法
查看次数
如何让我的<div>伸展到整个屏幕宽度？我试过宽度100%
我想要把<div>它的宽度拉伸到整个屏幕.现在我在CSS中有这个:
#spacer3 {
width:100%;
height:300px;
}
所以我相信它有效.但是在我的网站上,div并没有全程延伸,每侧约为5px.有帮助吗？
这是一个链接到网站的一个例子 我遇到问题的div有一个黑色(ish)背景,并有一个图像.
感谢您提前帮助!
推荐指数
解决办法
查看次数
使用javascript将像素转换为百分比
我有一个表头的宽度(以像素为单位).点击一个功能我需要将像素转换为百分比.
<th field="Column1" id="Column1" noresize="true" width="100px">
<label id="Column1" onclick="getCustomGridColName(this.id,'inner__fghgh');" style="cursor:pointer; font-family: Times; font-size:12pt;">
Column1
</label>
</th>
推荐指数
解决办法
查看次数
全宽页面div
我正在设计一个网站,我试图在浏览器顶部找到一个简单的彩色div,我试过简单地使用:
div{
width:100%;
}
但注意到屏幕两侧和顶部都有白色空间.
我正在寻找类似于Facebook上填充整个屏幕的蓝色标题的东西.
有任何建议如何实现这一目标？
推荐指数
解决办法
查看次数
如何减少垂直文本/标签
我想在HBox的左侧放置一个垂直(90度旋转)标签.网格窗格应填写整个剩余空间.如果我减少旋转标签的含量以减少其所需的水平空间,则文本长度会缩小.否则,如果我手动降低高度,则没有任何反应.
如何减少旋转标签的使用？
使用Scenebuilder和Windows 7.
推荐指数
解决办法
查看次数
如何在KendoUI Grid中扩展过滤器菜单的宽度
我使用KendoUI Grid来显示数据.当我在配置指南中使用columns.filterable时,显示数据太长.
如上图所示.
我调查并使用.k-multicheck-wrap来扩展宽度.
但是我遇到的问题是上面的css类会影响到所有过滤菜单.
所以我想影响上传时间列只.
推荐指数
解决办法
查看次数
如何在Sitecore中获取CustomImageField项的高度和宽度？
我一直在寻找解决方案,但我发现的所有内容都引用了ImageField项目而不是CustomImageField,并且解决方案不起作用.这是我的Image对象:
public CustomImageField Image
{
get
{
return new CustomImageField(InnerItem, InnerItem.Fields["Image"]);
}
}
Image有Image.MediaItem和Image.MediaUrl.Image.MediaItem有一个Size特性,但没有Height和Width.如何获得图像的高度和宽度？
推荐指数
解决办法
查看次数