我有红色的列表项，我希望它们的高度与列表元素中的最大高度相同，现在是crains图像。现在，代码看起来像这样。我还想让它们居中，这样它们都是垂直对齐的。
<ul class="press_list">
<li><img src=""/></li>
</ul>
图像
你可以看到所有的红色方框在高度上都不匹配，图像也不是垂直居中。任何帮助都是最好的。
浏览 1提问于2014-08-21得票数 0
1回答
Jquery数据库冲突
、、、、
当我添加更多行时，左侧的击球手列也会根据这些行调整其高度。为了实现这一点，我使用了一个小脚本。当页面是静态的时，它工作得很好。
当从数据库中检索行时，有时会加载jquery，并根据行数设置击球手列的高度，但有时会失败，击球手列的高度不会根据行数设置。
注意:页面每30秒刷新一次。如果jquery在该实例中没有加载，它将在下一次数据库ping时加载。
这就是小提琴。
<div class="bat_slot1">
<div class="batsman1">
<div class="batty
浏览 2提问于2015-02-12得票数 1
2回答
内容重叠页脚
、、、
我正在创建一个网站，偶然发现了一个问题。页脚一直向上推到我的侧边栏，而我的内容是重叠我的页脚。我尝试过几种方法来找到解决方案，但没有一种可行。我试着把我的浏览器，侧边栏和内容放在一个div中，把页脚放在外面，它没有效果。我不想修复页脚，因为它可能会破坏某些显示器上的不同分辨率的网站。
我已经包含了CSS和HTML。
@charset "UTF-8";
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background-color: #FCFCFC;
margin-left: 200px;
m
浏览 4提问于2014-10-16得票数 0
回答已采纳
2回答
在将表格添加到文档之前，有没有一种方法可以获取表格的高度？
乍一看，我认为表中的行数足以计算高度，因为我知道字体大小。但是，有些行违反了这一规则。例如，一个单元格可能存储一个包含多行的段落。因此，我需要知道的是每行的总高度。
浏览 3提问于2012-07-12得票数 3
3回答
HTML
<div id="gadget">
<span id="nav_up">UP</span>
<ul>
<li>LIST1
<ul>
<li>Child1.1</li>
<li>Child1.2</li>
</ul>
</li>
<li>LIST2
浏览 2提问于2013-07-18得票数 0
2回答
我有滚动框在我的网站，我想让它移动使用主滚动条.. 这是我的预演： ? 下面是我的代码html： <div id="wrapper">
<section>
<div class="row">
<div class="col-md-6 service-one">
<h1 class="header-caption"&
浏览 9提问于2021-06-24得票数 0
回答已采纳
3回答
当菜单按钮被点击时，我试图将一个下拉菜单div的高度从0到250px动画。我试过使用jQuery。
这包含在我的HTML中：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script src="scripts.js">
浏览 2提问于2014-11-01得票数 0
1回答
我有一个webView，我在其中显示html文本。我正在计算webView的高度，如下所示。
int height = [[_webViewDesc stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight;"] integerValue];
WebView的实际正文大小与我得到的不同。如何获取webView的实际高度。
浏览 4提问于2013-03-24得票数 1
1回答
我在W3Schools上找到了这个菜单样本。我试图在MVC布局页面上创建一个菜单栏。我看上去很邋遢，我喜欢这个样子。我把它粘贴到我的网站上，它的工作原理如图所示，但我不明白它是如何设计的。我没有看到任何高度或垂直对齐设置。是填充物的风格吗？这类菜单通常使用ul和li标签吗？我会使用像span标签这样的东西来完成这个任务，而不是ul或li标记。
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
浏览 2提问于2016-05-03得票数 0
回答已采纳
在下面的HTML结构中，我想找到ul的高度，并将最大高度设置为所有的ul。下面是我用来设置高度的代码。但对我来说，UL和UL都设置为0。如何设置UL和UL的最大高度。在css中，也给出了.col-sm-2.list-unstyled as float:left。
HTML
<ul class="dropdown-menu">
<li>
<!-- Content container to add padding -->
<div class="yamm-content">
浏览 3提问于2016-01-08得票数 0
1回答
我在做这个上拉菜单，
它工作得很好，but...on菜单的第三个标题需要比其他标题滑得更远。它们都在ul中。
<div class="container">
<ul id="menu">
<li>
<a>
<span class="title">• control valves</span>
<span class="descrip
浏览 0提问于2011-04-07得票数 0
我尝试将文本内容放在从资源加载的图像上：
<s:Image id="mainB" depth="1" height="100%" width="100%" source="assets/img/board.png"/>
simageid.width
simageid.height
当我尝试在移动设备上获取宽度和高度时，它会在屏幕上返回图像的渲染高度。在平板电脑上，它不返回渲染的高度。当根据高度和宽度动态放置元素时，它会错误地放在平板电脑上。
如何在所有移动平台上一致地获得图像的渲染高度？
我使用的
浏览 4提问于2014-10-20得票数 0
当只提供一个宽度百分比时，我试图确定object-fit: contain;是否可以处理多个图像。我希望所有的<img>都是相同的可视高度，相应于高宽比，并认为给出一个max-width: 5%;会强制一个隐含的高度。我愿意使用flexbox，尽管当我尝试使用它时，我遇到了同样的问题。在下面，第二张li图片("curry_2.jpg")缩小了，但不正确。
div.imgbox {
width: 100%
}
ul {
list-style-type: none;
padding: 0;
margin: 0;
}
ul li {
flo
浏览 0提问于2018-12-04得票数 0
回答已采纳
我有个纳维酒吧..。当我悬停在一个选项，我希望它占据100%的宽度，所以它跨越整个屏幕。当我改变宽度达到100%时，它只是变小了，而不是变大了。
HTML
<div id="cssmenu">
<ul>
<li class="has-sub"><a href="#"><span>Details</span></a>
<ul>
浏览 1提问于2015-12-22得票数 0
回答已采纳
我正在使用C# .net (razor，mvc3)和Jquery插件Uploadify，但我在从上传的图片中获取高度和宽度时遇到了一个问题。
这是我想要的部分：(我使用Uploadify和onComplete来显示图像)
'onComplete': function (event, ID, fileObj, response) {
if (response == "OK") {
$("#DivImg").addClass("loading");
var htmlString = "&
浏览 1提问于2011-11-24得票数 0
回答已采纳
我试图让我的所有li元素占据包含它们的ul元素的整个高度，然后将所有li元素内容对齐到底部。
我无法通过第一部分，当我在其中一个li元素中有一个图像时，另一个li元素不会扩展到相同的高度。
这是我的html
<nav id="sliderNav">
<ul id="sliderWrap">
<li>wow 1</li>
<li>wow2<br /> cool
</li>
<li>
<img sr
浏览 1提问于2012-07-18得票数 1
1回答
html代码
<tr>
<td>
<input type='text' name='bbc[]'> <!-- array name input -->
<ul class='popup'>
<li> one </li>
<li> two </li>
<li> three</li> <!-- I want click copy value "three"
浏览 1提问于2016-07-21得票数 1
回答已采纳
这是我正在使用的代码。我已经摆弄它好几个小时了。下面是我正在使用的CSS
<ul class="slider">
<li style="display: block;">
<a href="#" style="clear:both;>
<div class="slider_blog" style="width: 680px; height: 300px; display: block; clear: both; float: left;"&
浏览 1提问于2013-01-12得票数 0
7回答
基本上，屏幕上的整个导航栏应该有一个背景色，但当我运行代码时，它不会显示出来。我希望他们会将导航div中的所有内容都设置为这种颜色，但事实并非如此，因为我对HTML5和CSS3还很陌生，所以这可能是一个愚蠢的错误，但我已经做了一些研究，找不到任何答案。 #navigation {
width: 100%;
height: auto;
background-color: #1d517e;
background: linear-gradient(to bottom, #003b6e, #1d517e);
}
#navigation ul {
display: inlin
浏览 82提问于2017-01-23得票数 0
回答已采纳
1回答
NiceScroll多卷
、、、、
我在我的网站上有一个bug，我正在制作一个仪表板，我使用左导航类型和一个中间内容。这个窃听器真叫我烦，因为我不能修好它。
左边的导航使用滚动，而内容窗口使用的是责骂，如果我在左侧导航活动提要上滚动，滚动条就会离开位置，我真的想修复这个问题。
HTML代码
<ul id="NS-02">
<li><div class="avatar-small"></div></li>
<li><div class="avatar-small">&
浏览 3提问于2013-12-01得票数 0
回答已采纳
3回答
我是品牌的新的CSS，并且正在使用Dreamweaver cs6。我的菜单按钮和火狐的主要内容之间有一个差距，但在ie中没有。如有任何建议，将不胜感激。我可以填补火狐的空白，但在IE中我得到了一个重叠。我在试着让他们发红。
以下是我的html代码：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>home</title>
<style type="text/css"
浏览 3提问于2015-10-17得票数 2
回答已采纳
3回答
我想要创建包含在<ul>中的图像幻灯片
<ul>
<li><a href="images/01/large.jpg"><img src="images/01/default.jpg"></a></li>
<li><a href="images/02/large.jpg"><img src="images/02/default.jpg"></a></li>
<l
浏览 2提问于2010-10-22得票数 0
回答已采纳
7回答
CSS高度100%不工作
、、、
我有一个height: 100%;的div，但它不工作。当我声明一个固定的高度(例如height: 600px;)时，它是工作的，但我想要一个响应式的设计。
html：
<blink><div class="row-fluid split-pane fixed-left" style="position: relative; height: 78%;">
<div class="split-pane-component" style="position: relative; width: 50em;&
浏览 1提问于2014-01-26得票数 53
1回答
我通常使用这个来匹配元素的高度：
function equalHeight(group) {
tallest = 0;
group.each(function() {
thisHeight = $(this).height();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
group.height(tallest);
}
$(function() {
equalHeight($('
浏览 0提问于2012-02-03得票数 1
回答已采纳
我的导航栏上有一个品牌标识，为了让它看起来更合适，我必须增加导航栏的高度。但是，执行此操作后，导航链接将保持在该位置，就好像高度从未更改过一样。为了解决这个问题，我不得不在ul标签中添加一个页边距。即使这确实足够向下推低链接，悬停效果也不会延伸到导航栏的整个高度。我该如何解决这个问题？ html： <nav class="deep-orange darken-2">
<div class="nav-wrapper container">
<a class="brand-logo
浏览 20提问于2020-04-16得票数 0
回答已采纳
1回答
我有一个div，允许用户在显示更多的div内容和显示更少的内容之间切换。
div只包含一个项目列表。
我想要做的是在显示更多和显示更少之间的转换；在小div和大之间的转换。
在它跳跃的那一刻。
在一个真实的例子中，我可能永远不会设置或知道div的高度。什么是动画转换的好方法？
反应
var Box = React.createClass({
getInitialState: function() {
return {
showingMore: false
};
},
handleShowTog
浏览 1提问于2016-04-14得票数 1
我有下面的代码来设置我的UIWebView：
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
[webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"document.getElementById(\"image\").src=\"q%@.png\";", self.imageIndex]];
NSLog(@"%f", [[webView stringByEv
浏览 6提问于2013-04-02得票数 1
回答已采纳
2回答
当溢出时，我尝试让正确的浮动菜单滚动，但是失败了，这里是jsfiddle链接。
.menu {
position: fixed;
float: right;
right: 0;
top: 0;
background-color: #f0f0f0;
overflow: auto;
}
.menu-left {
float: left;
overflow: auto;
}
<html>
<head>
<title>test</title>
</head>
<body>
<
浏览 0提问于2019-07-30得票数 2
回答已采纳
我正在尝试获取元素的高度，但是使用css将高度设置为：
height: 0;
所以当我登录控制台时，我得到的高度是0，但我想要得到元素的实际高度。
我也尝试过：
$('nav').prop('scrollHeight');
就像有人建议的那样，但它给我的身高有点偏了。
我的HTML标记非常简单“
<nav>
<ul>
<li>
text 1
</li>
<li>
text 2
</li>
<li>
</li>
</ul>
</nav>
CSS是
浏览 2提问于2018-03-11得票数 0
1回答
我的问题类似于这个问题：，但略有不同。
我在Wordpress中使用下拉菜单，以及RoyalSlider。根据浏览器大小，滑块div的高度值不断变化。
不过，我觉得我的结果有点奇怪。我使用的代码是链接问题中最流行的答案，并更改了元素以与我的代码匹配：
$("#menu-main-menu > li.menu-parent-item > ul.sub-menu").css("min-height", function(){
return $("#new-royalslider-1").height();
});
从我的阅读方式
浏览 2提问于2015-03-04得票数 0
回答已采纳
我正在尝试在我的jquery菜单ui中获取所选ui.item的名称属性。我需要添加了'selected‘类的项的name属性，但attr('name')返回undefined。当单击submit按钮时，我需要获取该name属性。
<script>
$(function () {
var selection = ' ';
$(".menu").menu({
select: function (event, ui) {
$('
浏览 2提问于2013-04-04得票数 0
回答已采纳
我尝试在页面底部显示页脚，即使没有内容，它似乎也可以工作。但是，您必须滚动才能看到页脚。它就在你滚动之后，而不是立即在页面的底部。我不知道我做错了什么。下面是我的代码：
<body>
<div id="root">
<div class="app">
<div class="wrapper">
<div class="nav">
<div>
浏览 22提问于2018-05-29得票数 4
回答已采纳
4回答
我有一个案例，其中为我提供了一个UL和未知数量的LI。我希望使用JS将LIs拆分为两个UL(我正在使用jQuery)。我可以通过LI的数量均匀地划分UL，但我也希望根据每个LI的高度来划分UL，以便两个UL接近相同的高度。
这方面的任何帮助都将不胜感激，我觉得我一开始的方法并没有取得任何进展。
谢谢。
编辑:我目前拥有的JS代码。HTML只是一个笔直的UL/ LI，每个李灿都有不同的高度。
var $sections = $('div.subsection');
$sections.each(function(){
var $section = $(this);
v
浏览 2提问于2011-08-02得票数 3
回答已采纳
2回答
HTML代码：
<div class = "navigation">
<ul class = "nav">
<li>Home</li>
<li>Brands</li>
<li>Designers</li>
<li>Contact</li>
</ul>
</div>
<div class = "sidebar">
<ul class = &
浏览 1提问于2017-10-22得票数 4
回答已采纳
我正在使用敏捷包进行一些屏幕抓取，到目前为止，我获取标题的代码是：
foreach (HtmlNode title in root.SelectNodes("//html//body//div//div//div[3]//div//div//div//div[3]//ul//li[1]//h4"))
{
string titleString = "<div class=\"show\">" + title.InnerText + "</div>";
浏览 1提问于2010-10-29得票数 1
回答已采纳
我有两个div，都没有在css中设置高度，因为我想取它们最终的高度，并将另一个div设置为该高度。
我拥有的javascript是这样的
function fixHeight() {
var divh = document.getElementById('prCol1').height;
document.getElementById('prCol1').innerHTML = '<ul><li>' + divh + '</li></ul>';
documen
浏览 0提问于2012-06-13得票数 5
回答已采纳
2回答
我正在尝试编写一个脚本，它将允许我在hover上更改上一个li的css。
结构是这样的：
<ul id="mainlevel">
<li><a href="/" class="mainlevel" id="active_menu">Home</a></li>
<li><a href="/" class="mainlevel">About Us</a></li>
<li>
浏览 0提问于2010-10-08得票数 2
回答已采纳
3回答
我正在尝试修改一个页脚的高度使用下面的css。如果我使用像素设置高度，它会调整到正确的像素数(例如height : 100px;)。如下所示设置百分比值似乎不起作用。我只想将页脚设置为整个屏幕高度的百分比高度，以适应不同的屏幕高度。有没有办法做到这一点？
下面是我使用的代码：：
.ui-page .ui-footer .ui-navbar a {
height : 60%;
}
<div data-role="footer" data-position="fixed">
<div data-ro
浏览 0提问于2012-04-20得票数 2
回答已采纳
我在jCarousel中使用了各种大小/宽高比的图像。我没有太多的运气试图使图像垂直和水平居中(即均匀分布)。该插件要求图像位于<ul><li><img ... /></li></ul>中。我尝试过display:inline-block，marginTop:50%和其他一些工具，它们中的大多数都搞砸了传送带。
旋转木马发布在：
谢谢！！
浏览 0提问于2010-04-19得票数 0
回答已采纳
我正在向现有代码添加验证。视图是使用ajax加载的，因为页面上有多个选项卡。我通过返回一个JSON对象使验证本身生效。显示的选项卡取决于JSON对象是否包含错误。如果存在错误，则不加载新页面，并在页面顶部显示验证错误。
问题是，错误消息会将页面内容向下推，但不会扩展它的容器(它们没有固定的高度)，因此它会扩展到它的容器之外。我想这是因为整个页面没有被重新绘制，我该如何解决这个问题呢？我尝试使用innerHTML而不是使用jQuery添加，但这没有什么区别，页面仍然失真。
$.ajax({
type: "POST",
url: actionURL,
datatype: "
浏览 1提问于2012-06-21得票数 1
3回答
带引导的图像库
、、
我试着用引导来制作一个响应性的图片库，这样如果你使屏幕变小，图像仍然在正确的尺寸中。
我试着这样做：
<div id="tabs-2">
<link href="~/Content/ShowMoreImages.css" rel="stylesheet" />
<ul class="row">
@foreach (var item in Model.LolaBikePhotos)
{
@model ContosoU
浏览 6提问于2015-05-11得票数 0
回答已采纳
4回答
我有以下代码结构。如果UL的高度超过270像素，那么我想添加CSS属性overflow-y:scroll;或者原样。
<ul class="tabs">
<li>Content</li>
<li>Content</li>
<li>Content</li>
</ul>
浏览 0提问于2009-11-18得票数 3
1回答
我有一个ul列表，其中一个li元素是向上的，其他元素是向下的，当我单击每个拇指时，我会根据拇指的类型添加一个绿色或红色的类，但只有一个可以是活动的或带有颜色的，如果选择了其中的一个，我需要删除另一个被赋予颜色(绿色或红色)的类。
问题是我不能让元素去检查是否有这个类。
我的代码：
$('.approved').click(function (event) {
event.preventDefault();
$(this).toggleClass('bg-green');
});
$('.not-approved&
浏览 0提问于2019-01-25得票数 0
1回答
处理导航栏的溢出
、、、
我正在尝试创建一个网站的主导航栏(理想情况下只使用css)。我在处理小屏幕分辨率的链接溢出时遇到了麻烦。
我想知道是否有人可以提供一些建议，以更好地处理较小屏幕分辨率的菜单。
链接的自然行为是从新行开始，所以我尝试在一个较小的媒体查询中增加条的高度。
nav, ul, li, a {
padding: 0 0;
margin: 0 0
}
nav.navibar {
width: 100%;
float: left;
background-color: #283035;
height: 60px;
text-decoration: no
浏览 13提问于2019-03-25得票数 0
回答已采纳
我刚刚创建了这个：，
JS：
$('button').click(function () {
if ($('ul').height = 0) {
$('ul').animate({'height':'100%'},'slow');
} else {
$('ul').animate({'height': 0},'slow');
}});
我需要向上/向下滑动'ul‘标签，而不是’真正‘消失。代码有什么问题？还没成功呢。
浏览 0提问于2013-03-07得票数 4
1回答
我在这里看过几个类似问题的帖子，但没有一个能解决我的问题。
在这里我发布了HTML：
<div id="scroller" class="general_scrollingContainer" layout="column" layout-fill layout-align="top left">
<ul class="dynamic-grid" angular-grid="pics"
浏览 1提问于2016-10-26得票数 0
回答已采纳
3回答
我希望两个bootstrap列始终具有相同的大小。这是一个场景：
我希望包含文本的列的高度始终与左侧的图片相同。
这是我的标记(简化)：
<div class="row">
<div class="col-xs-8" id="brand-slider">
<div class="flexslider">
<ul class="slides">
<slides>
浏览 1提问于2015-07-10得票数 1
如何使用javascript/jQuery找到从页面顶部到DOM中元素所在位置的垂直距离？
我有像这样的东西
<ul>
<li>one</li>
<li>one</li>
<li>one</li>
<li>one</li>
<li class="test">one</li>
....
....
....
<li>one</li>
</ul>
浏览 29提问于2011-10-15得票数 78
回答已采纳
1回答
网页长列表项印象
、、
假设我们有一个很长的列表，所以一些项目可能在开始时看不到。
用户滚动屏幕后，会看到更多的项目。
<ul>
<li>
<li>
<li>
--------not seen at the beginning-------
<li>
<li>
<li>
....
</ul>
判断用户看到哪个项目的最佳实践是什么？
也许被称为印象，但我找不到任何关于它的东西。
浏览 22提问于2017-07-19得票数 3
回答已采纳
我有一个带有overflow-y:scroll;集的UL，所以它会滚动。如何获得列表的完整高度，因为$(ul).height()只给出滚动视图的高度，而不是完整列表的高度。
html
<ul style="overflow-y:scroll; height: 50px;">
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
浏览 6提问于2011-12-16得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
