ie,ff下css限制文字展示三行, 超出部分省略号

chrome,360,搜狗的展示是这种的样式
图片说明
图片说明
下面这个图是在ie11下展示的图片,它省略号不管用了
图片说明

下面的这是我写的另一种方法,我想让它显示成想其他主流浏览器那种,展示几行后再显示省略号,
图片说明
图片说明
ie和ff展示都是这种情况,我想让ie和ff和360那些的一样不知道改css的情况下有可能吗?因为不能使用js..

5个回答

后端处理下数据,按展示标准定一个量截取一下,做一个摘要数据封装给前台直接做展示吧,无关CSS和JS

cyw521
梦一场丶 呀,你可真聪明啊凶dei
2 年多之前 回复

那就只有后台控制字数截取,或者写判断文本高度,超出部分隐藏并在结尾相对定位添加一个...的小图片遮住

cyw521
梦一场丶 老哥。。。有没其他办法了,我这个html是要直接写到clob里的。然后让cms系统再读取出来,,没法写js吧
2 年多之前 回复

这个博客不错:https://github.com/tfssweb/tale

td:after{
content: "...";
position: absolute;
bottom: -4px;
right: -2px;
width:16px;
height:22px;
color:#999;
background-color:#fff;
}
位置可以自己稍微调整一下

 td:after{
content: "...";
position: absolute;
bottom: -4px;
right: -2px;
width:16px;
height:22px;
color:#999;
background-color:#fff;
}
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
div上下左右都居中对齐,要求ie ff gg浏览器都支持

div上下左右都居中对齐,要求ie ff gg浏览器都支持

IE6中CSS显示不兼容问题

其他浏览器下![图片说明](https://img-ask.csdn.net/upload/201503/23/1427084739_928358.png) IE6这样显示 ![图片说明](https://img-ask.csdn.net/upload/201503/23/1427084704_218939.png) CSS #content_index .ntc{width:321px;border-right:1px #CCCCCC solid;height:260px;float:left;} .tab {overflow: hidden;width: 321px;height: 52px;cursor: pointer;} .tab li {float: left;width: 160px;text-align: center;line-height: 50px; overflow: hidden; font-size:18px; height:50px; border-bottom:2px solid #6699FF; color:#999999;} .tab li.on { color:#000000;border-bottom:2px solid #FF9933;} .con {width: 321px;height:216px; float:left; } .con ul{float:left:width:250px;height:186px; margin:15px 35px; } .con ul li{float:left; width:250px;height:38px; line-height:38px; border-bottom:1px #CCCCCC dotted; } .con ul li a{ display:block;float:left; font-size:13px; color: #666666; text-indent:12px;background: url(dt-11.gif) left no-repeat; } .con ul li a:hover{color: #FF6600;} .con ul li em{ float:right;} .con ul span{float:right;height:40px;width:250px; line-height:40px; color: #FF9933; font-family: Verdana, Arial, Helvetica, sans-serif;} .con ul span a{color:#FF9933; float:right; background:none;} /*新闻中心*/ #content_index .anews{width:482px;border-right:1px #CCCCCC solid;height:260px;float:left;} .anews h3{width:482px;height:50px;border-bottom:#6699FF 2px solid; font-size:18px; color:#000000; line-height:50px; text-indent:30px;} .anews ul{float:left:width:410px;height:186px; margin:15px 35px;} .anews ul li{ width:410px;height:38px; line-height:38px; float:left; border-bottom:1px #CCCCCC dotted; } .anews ul li a{ display:block;float:left; font-size:13px; color: #666666; text-indent:14px;background: url(diantb.jpg) left no-repeat; } .anews ul li a:hover{color: #FF6600;} .anews ul li em{ float:right;} .anews ul span{float:right;height:40px;width:410px; line-height:40px; color: #FF9933; font-family: Verdana, Arial, Helvetica, sans-serif; } .anews ul span a{color:#FF9933; background:none; float:right;} .index_lg{width:195px;height:260px;float:left;} .lg{width:195px;height:50px;border-bottom:#FF9933 2px solid; float:left; font-size:18px; color:#000000; line-height:50px; text-align:center;} .index_lg ul{width:165px;height:190px;margin:15px 15px;margin-bottom:0px;float:left; } .index_lg ul li{ float:left;width:165px; height:39px; line-height:39px; text-align:center;} .index_lg ul li a{ display:block; } .index_lg ul li a:hover{ background:url(dt-11.gif) right no-repeat;} .index_lg ul span{float:left;width:165px;height:40px; line-height:40px; border-top:1px #999999 dotted;display:inline; } .index_lg ul span a{width:55px;height:40px; margin:0px;padding:0px;float:left; line-height:40px; text-align:center; color:#FF9933;} .index_lg ul span a:hover{ background:none;} 求大神们指教

Chrome上的动态css文件304但FF和IE上的200?

<div class="post-text" itemprop="text"> <p>I have a css file being dynamically loaded. For example:</p> <pre><code>http://example.com/css.php?request=/skin/styles.css </code></pre> <p>On chrome is loads very fast and it has the <code>304 not modified</code> header. </p> <p>On FF and IE it has <code>200 OK</code> status and loads in 6 seconds!</p> <p>If I have a static css file for example:</p> <pre><code>http://example.com/styles.css </code></pre> <p>I get the <code>304 not modified</code> on all browsers.</p> <p>Any ideas what could be causing this? There is no browser specific rules in htaccess or httpd.conf</p> </div>

IE下网页元素反应迟钝的解决方案

我要表达的意思是这样的: 比如写一个包含checkbox的基本html,然后分别在IE和FF下打开这个html,快速点击这个checkbox,会发现FF下的反应速度要比IE快的多,IE下很多时候点击两下只会勾选或取消,给人有“延迟”的感觉。不光是checkbox,按钮button、图片甚至文字等的 click事件在IE下反应都显得那么迟钝。 这貌似是一个浏览器自身的“素质”问题,但是如果在IE下登录进Gmail,会发现Gmail的邮件选择的checkbox的反应像FF下一样快,看来真的有办法用代码弥补IE的这个“缺陷”,请教这种解决方案! 目前在IE5-IE8都发现有此延迟,FF、safari和opera均反应迅速。

关于JS在IE与FF里兼容的问题

下面这段代码在FF里正常的,但是在IE下不能正常显示,请问是哪段有问题 [code="java"]function goright() { alert("aa"); var boxes = document.getElementsByName("checka"); var taba = document.getElementById("ta"); var tabb = document.getElementById("tb"); var cou = new Array(); var j = 0; alert(boxes.length); for (var i = 0; i < boxes.length; i++) { if (boxes[i].checked) { cou[j] = i; j++ } } for (var i = 0; i < cou.length; i++) { if (cou[i] - i < taba.rows.length) { var a = tabb.insertRow(tabb.rows.length); a.innerHTML = taba.rows[cou[i] - i].innerHTML; taba.deleteRow(cou[i] - i); } } }[/code] 其中checka是一组checkbox,ta tb分别是2个table,这个方法的目的是把选中的a表中的tr移动到b表中,在ff下正常,IE下就不好用了,大家帮忙看下谢谢

IE中的CSS显示问题,在FF中看起来很好,无法跟踪它

<div class="post-text" itemprop="text"> <p>In this link the top right blue checkbox search button displays perfect in FF but is totally too high in IE in relation to the searchbox and links to the left of it...I've tried tracking down in IE how to adjust...can somebody please take a peek and see what I am missing? Thanks in advance!</p> <p>URL: <a href="http://tinyurl.com/859n6wf" rel="nofollow">http://tinyurl.com/859n6wf</a></p> </div>

jQuery在IE8中根本不起作用

<div class="post-text" itemprop="text"> <p>I have read lots of past postings on this subject... I have tried every "solution", change to <strong>type="text/javascript"</strong>, upgrade it to the latest version, including this header <code>&lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /&gt;</code> but nothing seems to work.</p> <p>The site is <a href="http://testing.quierodecomer.com/" rel="nofollow">testing.quierodecomer.com</a> <br> <strong>NOTE:</strong> I wrote <code>&lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" /&gt;</code> in the head for testing issues.</p> <pre><code>&lt;?php session_start(); ?&gt; &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" /&gt; &lt;title&gt;Quiero de comer!&lt;/title&gt; &lt;link href="favicon.png" type="image/png" rel="icon"&gt; &lt;style&gt; .ui-autocomplete-loading { background: white url('jquery-ui-1.8.21.custom/css/ui-lightness/images/ui-anim_basic_16x16.gif') right center no-repeat; } &lt;/style&gt; &lt;link rel="stylesheet" type="text/css" href="jquery-ui-1.8.21.custom/css/ui-lightness/jquery-ui-1.8.21.custom.css" /&gt; &lt;link rel="stylesheet" type="text/css" href="css/stylesheet.css" /&gt; &lt;link rel="stylesheet" type="text/css" href="css/fonts.css" /&gt; &lt;link rel="stylesheet" type="text/css" href="css/jquery.imageZoom.css" /&gt; &lt;style type="text/css"&gt; body { padding: 0px; vertical-align:bottom; } #container { position: absolute; margin: 0px; padding: 0px; width: 100%; height: 360px; overflow: hidden; text-align:center; } .box { position: absolute; width: 400px; height: 200px; line-height: 40px; font-size: 30px; font-weight:bold; color:black; text-align: center; border: 3px solid grey; left: 50%; top: 100px; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; margin-top:-70px; margin-left: -200px; } #box1 { background-color:#FFF; } #box2 { background-color:#FFF; left: 150%; } #box3 { background-color:#FFF; left: 150%; } .btn1, .coloniaButton{ background:#ff5d35; border:none; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; vertical-align:middle; cursor:pointer; color:#fff; font-weight:bold; font-size:20px; padding:5px 10px; margin-right:-225px; border: 1px solid #000; } .btn1:hover, .coloniaButton:hover{ background:#3f3f3f; } #tags, #tipoDeComida, #tags2, #city { padding:.8em; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; border:none; width:350px; margin-bottom:5px; border: 2px solid grey; } .titulo{ margin-top: 23px; } .caja{ margin-top: 20px; } .servicios{ font-size:15px; font-weight:bold; } #ciudadBreadcrumb, #coloniaBreadcrumb{ font-size: 15px; } #footer{ text-align: center; background-color: black; width: 99.2%; padding: 5px; color: white; position: absolute; bottom: 0px; } &lt;/style&gt; &lt;link rel="stylesheet" href="css/supersized.css" type="text/css" media="screen" /&gt; &lt;link rel="stylesheet" href="theme/supersized.shutter.css" type="text/css" media="screen" /&gt; &lt;link rel="stylesheet" href="css/flexslider.css" type="text/css"&gt; &lt;script type="text/javascript" src="jquery-ui-1.8.21.custom/js/jquery-1.7.2.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="jquery-ui-1.8.21.custom/js/jquery-ui-1.8.21.custom.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="jquery-ui-1.8.21.custom/js/jquery.paginatetable.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="jquery-ui-1.8.21.custom/js/md5.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/jquery.flexslider.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/jquery.easing.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/supersized.3.2.6.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="theme/supersized.shutter.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/jquery.imageZoom.js"&gt;&lt;/script&gt; &lt;?php include("conecta.php"); $result = mysql_query("SELECT * FROM fondo WHERE id = 1"); while($row = @mysql_fetch_array($result)){ $fondo = $row['imgFondo']; } ?&gt; &lt;script type="text/javascript"&gt; jQuery(function($){ $.supersized({ // Functionality slide_interval : 3000, // Length between transitions transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left transition_speed : 700, // Speed of transition // Components slide_links : 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank') slides : [ // Slideshow Images {image : 'admin/uploads/fondos/&lt;?php echo $fondo; ?&gt;', title : '', thumb : '', url : ''} ] }); }); &lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function(){ $("#colonia").hide(); $('.btn1').click(function() { $('.box').each( function() { if ($(this).offset().left &lt; 0) { $(this).css("left", "150%"); } }); $(this.parentNode).animate({ left: '-50%' }, 500); if ($(this.parentNode).next().size() &gt; 0) { $(this.parentNode).next().animate({ left: '50%' }, 500); } else { $(this.parentNode).prevAll().last().animate({ left: '50%' }, 500); } }); $('#domicilio').click(function() { $('.box').each( function() { if ($(this).offset().left &lt; 0) { $(this).css("left", "150%"); } }); $(this.parentNode.parentNode).animate({ left: '-50%' }, 500); if ($(this.parentNode.parentNode).next().size() &gt; 0) { $(this.parentNode.parentNode).next().animate({ left: '50%' }, 500); } else { $(this.parentNode.parentNode).prevAll().last().animate({ left: '50%' }, 500); } }); $('#colonia').click(function() { setCookie("domicilio", "tipoDeServicio"); }); $('#ciudad').click(function() { var e = document.getElementById("city"); var city = e.options[e.selectedIndex].value; setCookie(city, "puraCiudad"); }); jQuery(document.body).imageZoom(); $('#pager').hide(); clienteBar(); $("#crossCiudad").hide(); $("#crossColonia").hide(); loadBreadcrumbs(); getTipoDeComida(); getCiudades(); $("#enviarSignUp").button(); $( "#logInContainer" ).dialog({ autoOpen: false, height: 420, width: 750, modal: true, buttons: { "Regresar": function() { $( this ).dialog( "close" ); } }, }); $("#afiliarte").dialog({ autoOpen: false, height: 350, width: 450, modal: true, buttons: { "Enviar": function() { //function }, "Regresar": function() { $( this ).dialog( "close" ); } }, }); $("#contactanos").dialog({ autoOpen: false, height: 350, width: 450, modal: true, buttons: { "Enviar": function() { //function }, "Regresar": function() { $( this ).dialog( "close" ); } }, }); $( "#sugerirRestaurantes" ).dialog({ autoOpen: false, height: 350, width: 450, modal: true, buttons: { "Enviar": function() { //function }, "Regresar": function() { $( this ).dialog( "close" ); } }, }); $( "#terminosCondiciones" ).dialog({ autoOpen: false, height: 350, width: 450, modal: true, }); $( "#signUpContainer" ).dialog({ autoOpen: false, height: 320, width: 480, modal: true, buttons: { "Enviar": function() { signUp(); }, "Regresar": function() { document.getElementById("notificationCC").value = ""; $( this ).dialog( "close" ); } }, }) }); function logInDialog(){ $( "#logInContainer" ).dialog( "open" ); } function sugerirRestaurantesDialog(){ $( "#sugerirRestaurantes" ).dialog( "open" ); } function terminosCondicionesDialog(){ $( "#terminosCondiciones" ).dialog( "open" ); } function afiliarteDialog(){ $( "#afiliarte" ).dialog( "open" ); } function contactanosDialog(){ $( "#contactanos" ).dialog( "open" ); } function signUpDialog(){ $( "#signUpContainer" ).dialog( "open" ); } function send(str, flag){ if (window.XMLHttpRequest){ xmlhttp = new XMLHttpRequest(); } else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function(){ if (xmlhttp.readyState==4 &amp;&amp; xmlhttp.status==200){ //callback //xmlhttp.responseText switch(flag){ case "setCookie": setCookieCallback(xmlhttp.responseText);break; case "deleteCookie": deleteCookieCallback(xmlhttp.responseText); break; case "loadBreadcrumbs": loadBreadcrumbsCallback(xmlhttp.responseText);break; case "getRestaurantes": getRestaurantesCallback(xmlhttp.responseText);break; case "logIn": logInCallback(xmlhttp.responseText);break; case "signUp": signUpCallback(xmlhttp.responseText);break; case "logOut": logOutCallback(xmlhttp.responseText);break; } } } xmlhttp.open("GET",str,true); xmlhttp.send(); } function loadBreadcrumbs(){ //Checkboxes if(document.getElementById('domicilioBreadcrumb').value == "set"){ document.getElementById('domicilio').checked = true; } if(document.getElementById('recogerBreadcrumb').value == "set"){ document.getElementById('recoger').checked = true; } if(document.getElementById('reservacionBreadcrumb').value == "set"){ document.getElementById('reservacion').checked = true; } var str = "printCookie.php"; send(str, "loadBreadcrumbs"); } function loadBreadcrumbsCallback(response){ var arr = response.split("/"); //alert(response); var colonia = arr[0].split("="); var ciudad = arr[1].split("="); var estado = arr[2].split("="); var tipoDeComida = arr[3].split("="); if(colonia[1] != ""){ document.getElementById("coloniaBreadcrumb").innerHTML = colonia[1]+"&lt;br /&gt;"; $("#colonia").show(); } if(ciudad[1] != ""){ document.getElementById("ciudadBreadcrumb").innerHTML = ciudad[1] + ", " + estado[1]+"&lt;br /&gt;"; } //document.getElementById("tipoDeComidaBreadcrumb").innerHTML = tipoDeComida[1]; if(document.getElementById('ciudadBreadcrumb').innerHTML == ""){ $("#crossCiudad").hide(); } else { $("#city").hide(); $("#crossCiudad").show(); } if(document.getElementById('coloniaBreadcrumb').innerHTML == ""){ $("#crossColonia").hide(); } else { $("#tags2").hide(); $("#crossColonia").show(); } //alert(colonia[1]+", "+ciudad[1]+", "+tipoDeComida[1]); //getRestaurantes(colonia[1], ciudad[1], tipoDeComida[1]); } function handleSearch(event, ui){ term = document.getElementById("tags").value; $.ajax({ url: 'loadCiudades.php?term='+term, success: function(data) { if(data == '[]'){ restaurantes = document.getElementById("content-background"); imagen = document.getElementById("proximamente"); restaurantes.style.display = "none"; imagen.style.display = "block"; }else{ restaurantes = document.getElementById("content-background"); imagen = document.getElementById("proximamente"); restaurantes.style.display = "block"; imagen.style.display = "none"; } } }); } function getCiudades(){ ciudad = "&lt;?php echo $_COOKIE['ciudad']; ?&gt;"; $( "#tags2" ).autocomplete({ source: "loadCiudades.php?ciudad="+ciudad, select: function(event, ui) { setCookie(ui.item.value, "ciudad"); }, search: function(event, ui){ handleSearch(event,ui); } }); } function getTipoDeComida(){ $("#tipoDeComida").autocomplete({ source: "loadTipoDeComida.php", select: function(event, ui) { setCookie(ui.item.value, "tipoDeComida"); } }); } function setCookie(cookieValue, cookieType){ var str = "setCookie.php?cookieValue=" + cookieValue + "&amp;cookieType=" + cookieType; send(str, "setCookie"); } function setCookieCallback(response){ switch(response){ case "puraCiudad": document.getElementById("tags").value = ""; $("#crossCiudad").show(); $("#city").hide(); break; case "tipoDeComida": document.getElementById("tipoDeComida").value = ""; $("#crossComida").show(); $("#tipoDeComida").hide(); break; case "ciudad": document.getElementById("tags2").value = ""; $("#crossColonia").show(); $("#tags2").hide(); $("#colonia").hide(); break; case "tipoDeServicio": parent.location='index2.php'; break; } loadBreadcrumbs(); } function getRestaurantes(colonia2, ciudad2, tipo2){ var direccion = document.getElementById('tags').value; //var colonia = direccion.split(',')[0]; //var ciudad = direccion.split(',')[1]; var colonia = trim(colonia2); var ciudad = trim(ciudad2); var tipoComida = trim(tipo2); var str = "getRestaurantes.php?colonia=" + colonia + "&amp;ciudad=" + ciudad + "&amp;tipoComida=" + tipoComida; send(str, "getRestaurantes"); } function getRestaurantesCallback(response){ if(response == "empty"){ document.getElementById('paging').innerHTML = ""; $('#pager').hide(); } else { var arr = response.split("|"); var restaurantes = arr[0]; var promociones = arr[1]; var numPag = arr[2]/4; document.getElementById("promocionesContainer").innerHTML = promociones; $('#pager').show(); document.getElementById('paging').innerHTML = restaurantes; $('#myTable').paginateTable({ rowsPerPage: numPag }); if(document.getElementById('totalPages').innerHTML == ""){ document.getElementById('pager').style.display = "none"; } else { document.getElementById('pager').style.display = "block"; } } } function stripVowelAccent(str) { var rExps=[ {re:/[\xC0-\xC6]/g, ch:'A'}, {re:/[\xE0-\xE6]/g, ch:'a'}, {re:/[\xC8-\xCB]/g, ch:'E'}, {re:/[\xE8-\xEB]/g, ch:'e'}, {re:/[\xCC-\xCF]/g, ch:'I'}, {re:/[\xEC-\xEF]/g, ch:'i'}, {re:/[\xD2-\xD6]/g, ch:'O'}, {re:/[\xF2-\xF6]/g, ch:'o'}, {re:/[\xD9-\xDC]/g, ch:'U'}, {re:/[\xF9-\xFC]/g, ch:'u'}, {re:/[\xD1]/g, ch:'N'}, {re:/[\xF1]/g, ch:'n'} ]; for(var i=0, len=rExps.length; i&lt;len; i++) str=str.replace(rExps[i].re, rExps[i].ch); return str; } function deleteCookie(cookieType){ var str = "deleteCookie.php?cookieType=" + cookieType; send(str, "deleteCookie"); } function deleteCookieCallback(response){ //Borra el breadcrumb switch(response){ case "puraCiudad": document.getElementById("ciudadBreadcrumb").innerHTML = ""; $("#crossCiudad").hide(); $("#city").show(); break; case "tipoDeComida": document.getElementById("tipoDeComidaBreadcrumb").innerHTML = ""; $("#crossComida").hide(); $("#tipoDeComida").show(); break; case "ciudad": document.getElementById("coloniaBreadcrumb").innerHTML = ""; $("#crossColonia").hide(); $("#tags2").show(); $("#colonia").hide(); break; } getRestaurantes(); } function setCookieCheck(check, cookieType){ if(check.checked){ setCookie(1, cookieType); } else { deleteCookie(cookieType); } } function logIn(){ var email = document.getElementById("email").value; var password = document.getElementById("password").value; if(email == "" || password == ""){ document.getElementById("notification").innerHTML = "Ingresa tu email y contrase&amp;ntilde;a"; } else { password = hex_md5(password); var str = "logIn.php?password=" + password + "&amp;email=" + email; send(str, "logIn"); } } function logInCallback(response){ if(response == "not_logged/0"){ document.getElementById("notification").innerHTML = "Las credenciales no son v&amp;aacute;lidas"; } else { document.getElementById("notification").innerHTML = ""; $("#logInBar").hide(); $("#logInBarMenu").hide(); $("#signUpBar").hide(); $("#clienteBar").show(); arr = response.split("/"); document.getElementById("usuarioIDnombre").innerHTML = arr[1]; $("#logInContainer").dialog("close"); loadColonia(); } } function loadColonia(){ var str = "getColonia.php"; send(str, "colonia"); } function loadColoniaCallback(response){ } function clienteBar(){ if(document.getElementById('usuarioID').value == 0){ $("#clienteBar").hide(); } else { $("#logInBar").hide(); $("#signUpBar").hide(); } } function signUp(){ var valido = validateSignUp(); if(valido == true){ var nombre = document.getElementById("nombreCC").value; var direccion = document.getElementById("direccionCC").value; var email = document.getElementById("emailCC").value; var password1 = document.getElementById("password1").value; var nacimiento = document.getElementById("dia").value + "/" + document.getElementById("mes").value + "/" + document.getElementById("anio").value; var sexo = document.getElementById("sexo").value; var telefono = document.getElementById("telefono").value; var str = "signUp.php?nombre=" + nombre + "&amp;direccion=" + direccion + "&amp;email=" + email + "&amp;password=" + password1 + "&amp;nacimiento=" + nacimiento + "&amp;sexo=" + sexo + "&amp;telefono=" + telefono; send(str, "signUp"); } } function signUpCallback(response){ if(response == "existingEmail"){ document.getElementById("notificationCC").innerHTML = "Esa dirección de correo ya ha sido utilizada"; } else { document.getElementById("notificationCC").innerHTML = "Ingresa a tu email para dar de alta tu cuenta"; document.getElementById("nombreCC").value = ""; document.getElementById("emailCC").value = ""; password1 = document.getElementById("password1").value = ""; password1 = document.getElementById("password2").value = ""; } } function validateSignUp(){ var nombre = document.getElementById("nombreCC").value; var direccion = document.getElementById("direccionCC").value; var email = document.getElementById("emailCC").value; var password1 = document.getElementById("password1").value; var password2 = document.getElementById("password2").value; var dia = document.getElementById("dia").value; var mes = document.getElementById("mes").value; var anio = document.getElementById("anio").value; var sexo = document.getElementById("sexo").value; var telefono = document.getElementById("telefono").value; var mydate=new Date() var year=mydate.getYear(); if (year &lt; 1000){ year+=1900 } var month = mydate.getMonth(); month = month + 1; var day = mydate.getDate(); if(day &gt; 31 || mes &gt; 12 || anio &gt;= year){ document.getElementById("notificationCC").innerHTML = "La fecha de nacimiento no es válida"; return false; } else{ //Valida que todos los campos esten llenos if(nombre == "" || email == "" || password1 == "" || password2 == "" || telefono == "" || direccion == ""){ document.getElementById("notificationCC").innerHTML = "Por favor llena todos los campos"; return false; } else { //Passwords iguales if(password1 != password2){ document.getElementById("notificationCC").innerHTML = "Las contraseñas no coinciden"; return false; } else { //Longitud del password if(password1.length &lt; 6){ document.getElementById("notificationCC").innerHTML = "La contraseña debe ser de al menos 6 caracteres de largo"; return false; } else { if(comparaFecha(dia, mes, anio, day, month, year) == false){ document.getElementById("notificationCC").innerHTML = "La fecha no es correcta"; return false; } else{ if(telefono.length &lt; 10){ document.getElementById("notificationCC").innerHTML = "El telefono no es correcto"; return false; } else { return true; } } } } } } } function trim(value) { var temp = value; var obj = /^(\s*)([\W\w]*)(\b\s*$)/; if (obj.test(temp)) { temp = temp.replace(obj, '$2');} var obj = / /g; while (temp.match(obj)) { temp = temp.replace(obj, " ");} return temp; } function comparaFecha(dia, mes, anio, day, month, year){ if(anio &gt; (year-18)){ return false; } else { if(anio == (year-18)) { if(mes &gt; month){ return false; } else { if(mes == month) { if(dia &gt; day){ return false; } else { return true; } } } } else { return true; } } } function logOut(){ var str = "logOut.php"; send(str, "logOut"); } function logOutCallback(response){ if(response == "success"){ $("#clienteBar").hide(); $("#logInBar").show(); $("#logInBarMenu").show(); $("#signUpBar").show(); document.getElementById("usuarioID").value = 0; } } function setServicio(tipo){ setCookie("check", tipo); } function redirect(element){ window.location = element.title; } &lt;/script&gt; &lt;/head&gt; &lt;?php include("indexBackend.php"); ?&gt; &lt;body&gt; &lt;?php //Carga la session if(isset($_SESSION['usuarioID'])){ echo ("&lt;input type='hidden' id='usuarioID' value='".$_SESSION['usuarioID']."' /&gt;"); $nombre = $_SESSION['nombre']; } else { echo ("&lt;input type='hidden' id='usuarioID' value='0' /&gt;"); $nombre = ""; } ?&gt; &lt;?php include("getPublicidad.php"); ?&gt; &lt;?php //Domicilio if($_COOKIE['domicilio'] == 1){ echo("&lt;input type='hidden' id='domicilioBreadcrumb' value='set'/&gt;"); } else { echo("&lt;input type='hidden' id='domicilioBreadcrumb' value='not_set'/&gt;"); } //Recoger if($_COOKIE['recoger'] == 1){ echo("&lt;input type='hidden' id='recogerBreadcrumb' value='set'/&gt;"); } else { echo("&lt;input type='hidden' id='recogerBreadcrumb' value='not_set'/&gt;"); } //Reservacion if($_COOKIE['reservacion'] == 1){ echo("&lt;input type='hidden' id='reservacionBreadcrumb' value='set'/&gt;"); } else { echo("&lt;input type='hidden' id='reservacionBreadcrumb' value='not_set'/&gt;"); } ?&gt; &lt;div style="width:100%; text-align:center;"&gt;&lt;img src="images/logoadmin.png" alt="" align="middle" /&gt;&lt;/div&gt; &lt;div id="container"&gt; &lt;div id="box1" class="box"&gt; &lt;div class="titulo"&gt;Selecciona tu Ciudad:&lt;/div&gt; &lt;div class="caja"&gt; &lt;select id="city"&gt; &lt;option value="San Pedro Garza Garc&amp;iacute;a, Nuevo Leon"&gt;San Pedro Garza Garc&amp;iacute;a&lt;/option&gt; &lt;option value="Monterrey, Nuevo Leon"&gt;Monterrey&lt;/option&gt; &lt;/select&gt;&lt;input id="tags" style="display:none" /&gt; &lt;/div&gt; &lt;img id="crossCiudad" src="images/cross2.gif" style="cursor:pointer" onclick="deleteCookie('puraCiudad')"/&gt;&amp;nbsp;&lt;span id="ciudadBreadcrumb"&gt;&lt;/span&gt; &lt;span class="btn1" id="ciudad"&gt;Continuar&lt;/span&gt; &lt;/div&gt; &lt;div id="box2" class="box"&gt; &lt;div class="titulo"&gt;Selecciona el Tipo de Servicio:&lt;/div&gt; &lt;div class="caja"&gt; &lt;input type="radio" id="domicilio" name="tipo" value="domicilio" class="selec"/&gt;&lt;span class="servicios"&gt;A Domicilio&lt;/span&gt; &lt;input type="radio" name="tipo" value="recoger" class="selec" onClick="setCookie('recoger', 'tipoDeServicio')"/&gt;&lt;span class="servicios"&gt;Pasar a Recoger&lt;/span&gt; &lt;input type="radio" name="tipo" value="reservar" class="selec" onClick="setCookie('reservar', 'tipoDeServicio')"/&gt;&lt;span class="servicios"&gt;Reservar&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="box3" class="box"&gt; &lt;div class="titulo"&gt;Selecciona tu Colonia:&lt;/div&gt; &lt;div class="caja"&gt;&lt;input id="tags2" value="Escribe tu colonia: Ej. Del Valle" onblur="if(this.value=='') this.value='Escribe tu colonia: Ej. Del Valle'" onfocus="if(this.value =='Escribe tu colonia: Ej. Del Valle' ) this.value=''" /&gt;&lt;/div&gt; &lt;img id="crossColonia" src="images/cross2.gif" style="cursor:pointer" onclick="deleteCookie('ciudad')"/&gt;&amp;nbsp;&lt;span id="coloniaBreadcrumb"&gt;&lt;/span&gt; &lt;span class="coloniaButton" id="colonia"&gt;Continuar&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="footer"&gt; &lt;span style="float: left;"&gt;Derechos Reservados Quierodecomer.com&lt;/span&gt; &lt;span onclick="terminosCondicionesDialog()" style="cursor:pointer; text-decoration: underline;"&gt;El uso de este sitio web implica la aceptaci&amp;oacute;n de los t&amp;eacute;rminos y condiciones de quierodecomer.com&lt;/span&gt; &lt;span style="float: right;"&gt;&lt;a href="admin" style="color: white; text-decoration: underline"&gt;Login Restaurantes&lt;/a&gt;&lt;/span&gt; &lt;/div&gt; &lt;div id="terminosCondiciones" title="Términos y Condiciones"&gt; &lt;?php echo $terminos; ?&gt; &lt;/div&gt; &lt;script type="text/javascript"&gt; /* Bookmark */ jQuery(document).ready(function(){ // add a "rel" attrib if Opera 7+ if(window.opera) { if (jQuery("A.linkBookmark").attr("rel") != ""){ // don't overwrite the rel attrib if already set jQuery("A.linkBookmark").attr("rel","sidebar"); } } jQuery("A.linkBookmark").click(function(event){ event.preventDefault(); // prevent the anchor tag from sending the user off to the link var url = this.href; var title = this.title; if (window.sidebar) { // Mozilla Firefox Bookmark window.sidebar.addPanel(title, url,""); } else if( window.external ) { // IE Favorite window.external.AddFavorite( url, title); } else if(window.opera) { // Opera 7+ return false; // do nothing - the rel="sidebar" should do the trick } else { // for Safari, Konq etc - browsers who do not support bookmarking scripts (that i could find anyway) alert('Desafortunadamente, este navegador no soporta la petición ' + ' por favor, agrega esta página manualmente.'); } }); $('.flexslider').flexslider(); }); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> </div>

一个晚上没搞定,为啥ie下,float:right不能与前面元素在一行呢?

想让左、中、中显示在一行之内,研究了一个晚上没弄明白,请各位指点! <div >  <span class="span1">这是左边</span>  <a>这是中间</a>  <span class="span2">这是右边</span> </div> .span1 {float: left} .span2 {float: right} 这种情况下,FF能显示在一行,但IE8下,最右边的会单独占一行。 尝试:将<a>也设置成float可以解决,但不想这么做,还有其他办法吗?

div上下左右都居中对齐,要求ie ff gg浏览器都支持

div上下左右都居中对齐,要求ie ff gg浏览器都支持

地址栏ico图标不显示,在FF下可以显示Chorme也可以显示,就是在IE下不能显示 IE版本9

RT,地址栏ico图标不显示,在FF下可以显示Chorme也可以显示,就是在IE下不能显示 IE版本9 好纠结,在线等

css加了:hover出现字体乱位

<a>未加:hover ![图片说明](https://img-ask.csdn.net/upload/201907/30/1564490980_59816.png) <a>加了:hover ![图片说明](https://img-ask.csdn.net/upload/201907/30/1564491036_535013.png) ``` <!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ margin: 0; padding: 0; } #img{/*背景图*/ background-image: url(1.jpeg); } .log{/*文本框*/ width: 300px; height: 40px; margin: 15px 10px 10px 10px;/*上 右 下 左,两个文本框的边距*/ text-indent: 10px; } .box{/*盒子*/ width: 399px; height: 279px; border-radius: 4px; border: 5px solid green; border-color: transparent; padding: 25px; margin: 25px; position: absolute; left: 780px; top: 150px; background-color: white; } .butt{/*登录按钮*/ width: 300px; height: 50px; margin: 10px 10px 10px 10px; background-color: rgba(134,206,47,1.00); } a:hover{ position: absolute; left: 368px; top: 295px; font-size: 15px; text-decoration:none; /*鼠标放上去有下划线*/ } </style> </head> <body id="img"> <div> <div style="text-align: center"> <h1>欢迎你的到来</h1> <div class="box"> <form action="" method="post"> <input type="text" name="ID" placeholder="学号" class="log"><br> <input type="text" name="name" placeholder=" 姓名" class="log"><br> <input type="submit" value="登录" class="butt"> </form> <div> <a href="#">意见反馈</a> </div> </div> </div> </div> </body> </html> ```

为何flex布局下的文字出现错位以及无法居中?

html代码如下: ``` <html> <head> <title>打粉小站</title> <link rel="stylesheet" type="text/css" href="css/home page_css.css"> </head> <body> <div id="content"> <div id="left_content"> <div id="left_item1"> <p> <a href="home page.html"><image src="image/logo.png"> </a></p> </div> <div id="left_item2"> <h1 id="subline">打粉小站</h1> <h4><a href="home page.html">首页</a></h4> <P> <ul> <li>站长小窝</li> <li>小站社区</li> <li>小站伊始)</li> <li>随机页面</li> </ul> </body> </html> ``` 以及css代码: ``` #content{ display:flex; width:100%; flex-wrap:wrap; } #left_content{ width:15%; background-color:#F0F8FF; line-height:20%; padding:10px; flex-wrap:wrap; } #subline{ font:700 2.5em Serif; text-decoration:underline; } #left_item2{ justify-content:center; } ``` 结果如下图:![图片说明](https://img-ask.csdn.net/upload/202004/23/1587612006_403162.png) “打粉小站”四字没有居中,且下方的列表重叠

急切!padding-top IE兼容 FF不兼容 (第一次新手 不会发布)

body { font-family:宋体; font-size:14px; margin:0px; padding:0px;} table { border-collapse:collapse; border-spacing:0px;} td {padding:0px;} .FF{padding-top:1px; line-height:14px; vertical-align:middle; background-color:Red;} (table)(tr)(td style="height:30px; border:solid 1px #0000FF;") (div class="FF")吉林大学清华大学(/div) (/td)(/tr)(/table) (div class="FF")吉林大学清华大学(/div) table内的div padding-top:1px无效(怎么才能有效) table外的div padding-top:1px 有效

关于纯css三级菜单问题

``` <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding:0px; list-style:none; text-decoration:none; } nav{ background-color: grey; height: 60px; width: 100%; } nav>ul{ margin: 0;/*解决不紧贴顶部问题*/ list-style:none; } nav>ul>li{ float:left; } nav>ul>li>a{ padding: 0 80px; color:#ffffff; line-height: 60px; text-decoration: none; } nav>ul>li>ul{ list-style: none; margin-left:35px; padding: 0;/*下拉菜单充满ul*/ visibility:hidden; } nav>ul>li:hover>ul{ visibility:visible; } nav>ul>li>ul>li>a{ display:block;/*以块级元素显示*/ color: #f6e0ff; line-height: 48px;/*到顶部距离*/ background-color: cornflowerblue; text-decoration: none; width: 150px; text-align: center; border-bottom:1px solid #ddd; height: 0; /*默认为0*/ opacity: 0; /*不透明度为0*/ transition: all .5s ease; } nav>ul>li:hover>ul>li>a { opacity: 1; /*主键变为1*/ height: 50px; /*逐渐变成50px*/ transition: all .5s linear; } nav>ul>li>ul>li>ul>li>a{ display:block;/*以块级元素显示*/ position:relative; left:150px; top:-52px; color: #f6e0ff; line-height: 48px;/*到顶部距离*/ background-color: cornflowerblue; text-decoration: none; width: 150px; text-align: center; border-bottom:1px solid #ddd; height: 0; /*默认为0*/ opacity: 0; /*不透明度为0*/ transition: all .5s ease; } nav>ul>li:hover>ul>li:hover>ul>li>a{ opacity: 1; /*主键变为1*/ height: 50px; /*逐渐变成50px*/ transition: all .5s linear; } </style> </head> <body> <nav> <ul> <li><a href="#">home</a></li> <li><a href="#">article</a> <ul> <li><a href="#">Tutorial</a> <ul> <li><a href="#">Tutorial</a></li> <li><a href="#">Tutorial</a></li> <li><a href="#">Tutorial</a></li> <li><a href="#">Tutorial</a></li> </ul> </li> <li><a href="#">Tutorial</a></li> <li><a href="#">Tutorial</a></li> <li><a href="#">Tutorial</a></li> </ul> </li> <li><a href="#">contact</a> <ul> <li><a href="#">e-mail</a></li> <li><a href="#">e-mail</a></li> <li><a href="#">e-mail</a></li> <li><a href="#">e-mail</a></li> <li><a href="#">e-mail</a></li> <li><a href="#">e-mail</a></li> <li><a href="#">e-mail</a></li> </ul> </li> <li><a href="#">about</a></li> <li><a href="#">Subscribe</a> <ul> <li><a href="#">Tutorial</a></li> <li><a href="#">Tutorial</a></li> <li><a href="#">Tutorial</a></li> <li><a href="#">Tutorial</a></li> </ul> </li> <li><a href="#">join</a></li> </ul> </nav> </body> </html> ``` 以上是源码,二级菜单总是被三级菜单影响,该怎么办 ![图片说明](https://img-ask.csdn.net/upload/201608/15/1471239779_805053.png)

js,如何判断浏览器类型是IE还是FF

在FF中window.event有错误,是否可以判断浏览器类型执行相应的js

IE / FF / Chrome中的HTML,PHP和CSS相关布局问题[关闭]

<div class="post-text" itemprop="text"> <p>this is the temporary link to the website I'm currently setting up: <a href="http://bidonfollowers.com/index.php.later2" rel="nofollow">http://bidonfollowers.com/index.php.later2</a></p> <p>I have several questions concerning the layout of my website.</p> <ul> <li>In Firefox 26.0 however, the reCAPTCHA box is cut off to the right side and not below the message box.</li> <li>Also in Firefox, the Category text is in the upper part of the box (compare to how it looks in Chrome 32 and IE 11!)</li> <li>In IE 11 some of the text at the top area of the page is cut off.</li> <li>In Chrome you can see a link to "Privacy &amp; Terms" with a blue font, which is not visible in the other browsers...</li> </ul> <p>Please help me to fix these design flaws, every bit of help is appreciated! Thank you for your answers.</p> </div>

ajax在IE下好用,在FF下没反应

[code="java"] var ajaxObj; var btype=getOs(); function getOs() { if(navigator.userAgent.indexOf("MSIE")>0) { return "MSIE"; //IE浏览器 } if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){ return "Firefox"; //Firefox浏览器 } if(isSafari=navigator.userAgent.indexOf("Safari")>0) { return "Safari"; //Safan浏览器 } if(isCamino=navigator.userAgent.indexOf("Camino")>0){ return "Camino"; //Camino浏览器 } if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){ return "Gecko"; //Gecko浏览器 } } function get_request(){ http_request = ""; //开始初始化XMLHttpRequest 对象 if(window.XMLHttpRequest) { //Mozilla 浏览器 http_request = new XMLHttpRequest(); if (http_request.overrideMimeType) {//设置MiME 类别 http_request.overrideMimeType("text/xml"); } }else if (window.ActiveXObject) { // IE 浏览器 try { http_request = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { http_request = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {} } } if (!http_request) { // 异常,创建对象实例失败 window.alert("不能创建XMLHttpRequest 对象实例."); return false; } return http_request; } function bank(){ var userId = document.getElementById("userId").value; var money = document.getElementById("money").value; var time = document.getElementById("time").value; // 交由XMLHttpRequest和后台进行异步通信 ajaxObj=get_request(); var url="bankSend.do?userId="+userId+"&money="+money+"&time="+time; ajaxObj.open("Get",url,true); alert(url); //ajaxObj.onreadyStateChange=bankCallBack; ajaxObj.onreadystatechange = (btype!="Firefox")?(bankCallBack) : (bankCallBack()); ajaxObj.send(null); ajaxObj.onreadystatechange = (btype!="Firefox")?(bankCallBack) : (bankCallBack()); } // bankCallBack的回调函数 function bankCallBack(){ alert(btype); if((ajaxObj.readyState==4|| btype=="Firefox")){ alert(ajaxObj.responseText); if(ajaxObj.status==200){ var status=ajaxObj.responseXML.getElementsByTagName("status")[0].firstChild.data; if(status=="ok"){ // 返回正确信息 var text=ajaxObj.responseXML.getElementsByTagName("text")[0].firstChild.data; document.sendForm.submit(); var parent=document.getElementById("linkTest"); parent.setAttribute("onclick", "#"); } else{ // 返回错误信息 var text=ajaxObj.responseXML.getElementsByTagName("text")[0].firstChild.data; } } } } [/code] 上面这段代码在IE下运行正常 可以回调, 但是在FF中 可以进入回调函数,但是没有进后台的action 这是为什么 等高人来解答

从child css元素获取特定css元素id的值

<div class="post-text" itemprop="text"> <p>I am using <em>Selenium WebDriver</em> wrapped in <em>PHPUnit</em> and <em>Sausage</em> to test clicking a button in a specific row in a table that's laid out similar to:</p> <pre><code>&lt;tr id="dynamically generated 1"&gt; &lt;td class="foo"&gt; &lt;div class="bar"&gt;&lt;/div&gt; &lt;/td&gt; &lt;td class = "mybutton"&gt; &lt;span class = "icon clickable"&gt;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr id="dynamically generated 2"&gt; &lt;td class="foo"&gt; &lt;div class="baz"&gt;&lt;/div&gt; &lt;/td&gt; &lt;td class = "mybutton"&gt; &lt;span class = "icon clickable"&gt;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt; </code></pre> <p>In particular, I want to click a specific element <code>#mybutton &gt; span.icon.clickable</code> whose sibling is <code>.foo</code> with child <code>.baz</code>. The "<em>whose sibling is <code>.foo</code> with child <code>.baz</code></em>" requirement is the only way I can currently identify the correct element, as other rows in the same table have element <code>#mybutton &gt; span.icon.clickable</code>, and the ids for those rows are dynamically generated.</p> <p>At the moment I am using XPath, but as you might expect, performance on <code>FF</code> and <code>IE</code> is horrendous. Is there a method for retrieving the value of <code>tr#id</code> from the element <code>tr#id div.bar</code>? If I can get this, I can use the id to use CSS to find the element I am looking for. I am using PHP, but a solution in any language would be useful. </p> <p>Alternatively, a more straightforward CSS3 solution would work, but after quite a bit of reading, I've all but concluded that using a standard CSS3 selector is not an option for this case. Just in case there is something I'm missing, is there a CSS3 solution for this? I know there is a CSS4 solution, but I need full browser support, so until all the browsers I am testing support CSS4, I'll have to rely on CSS3.</p> <p>Thanks in advance.</p> <p><strong>EDIT:</strong> Until there is better cross-browser support for CSS4, I need to use CSS3</p> </div>

编写的SWF播放器 FF下可以执行 IE不能运行

<html> <%@page contentType="text/html;charset=gbk"%> <h1>欢迎</h1> <SCRIPT language="javascript"> function JspGetXMLURL() { XmlURL = "http://localhost:8080/VideoLabel/videoresources/xmls/VideoLabels.xml"; return XmlURL; VideoLabel.setValue(XmlURL); } </SCRIPT> <div id="loadSwfDiv"></div> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1000" height="600" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab" allowScriptAccess='always'> <param name="movie" value="VideoLabel.swf" /> <param name="quality" value="high" /> <param name="flashVars" value="movie=videoresources/videos/MyWay.flv"> <embed src="VideoLabel.swf" quality="high" width="1000" height="600" play="true" loop="false" quality="high" flashVars="movie=videoresources/videos/MyWay.flv" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer"> </embed> </object> <br> </html> 代码如上: 首先的JS文件是传值给SWF文件,让它获取XML文件,XML文件将在SWF中使用。如果不用这代码IE FF就都可以用了。 问题可能原因: ie先执行swf后才执行javascript,firefox则按“顺序”执行; 但是我将JS搬到下面好像也在FF下也可以正常运行。不知道这个顺序是什么意思。 求解决方法。

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

再不跳槽,应届毕业生拿的都比我多了!

跳槽几乎是每个人职业生涯的一部分,很多HR说“三年两跳”已经是一个跳槽频繁与否的阈值了,可为什么市面上有很多程序员不到一年就跳槽呢?他们不担心影响履历吗? PayScale之前发布的**《员工最短任期公司排行榜》中,两家码农大厂Amazon和Google**,以1年和1.1年的员工任期中位数分列第二、第四名。 PayScale:员工最短任期公司排行榜 意外的是,任期中位数极小的这两家公司,薪资...

我以为我学懂了数据结构,直到看了这个导图才发现,我错了

数据结构与算法思维导图

数据库——玩转SQL语句(以MySQL为例)

一、前言 照着大学的SQL server来学

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

华为初面+综合面试(Java技术面)附上面试题

华为面试整体流程大致分为笔试,性格测试,面试,综合面试,回学校等结果。笔试来说,华为的难度较中等,选择题难度和网易腾讯差不多。最后的代码题,相比下来就简单很多,一共3道题目,前2题很容易就AC,题目已经记不太清楚,不过难度确实不大。最后一题最后提交的代码过了75%的样例,一直没有发现剩下的25%可能存在什么坑。 笔试部分太久远,我就不怎么回忆了。直接将面试。 面试 如果说腾讯的面试是挥金如土...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好,我是你们的校长。我之前讲过,这年头,只要肯动脑,肯行动,程序员凭借自己的技术,赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

程序员写出这样的代码,能不挨骂吗?

当你换槽填坑时,面对一个新的环境。能够快速熟练,上手实现业务需求是关键。但是,哪些因素会影响你快速上手呢?是原有代码写的不够好?还是注释写的不够好?昨夜...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

HTTP与HTTPS的区别

面试官问HTTP与HTTPS的区别,我这样回答让他竖起大拇指!

程序员毕业去大公司好还是小公司好?

虽然大公司并不是人人都能进,但我仍建议还未毕业的同学,尽力地通过校招向大公司挤,但凡挤进去,你这一生会容易很多。 大公司哪里好?没能进大公司怎么办?答案都在这里了,记得帮我点赞哦。 目录: 技术氛围 内部晋升与跳槽 啥也没学会,公司倒闭了? 不同的人脉圈,注定会有不同的结果 没能去大厂怎么办? 一、技术氛围 纵观整个程序员技术领域,哪个在行业有所名气的大牛,不是在大厂? 而且众所...

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

终于懂了TCP和UDP协议区别

终于懂了TCP和UDP协议区别

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《C语言函数速查》main()主函数

每一个C程序都必须有一main()函数, 可以根据自己的爱好把它放在程序的某个地方。有些程序员把它放在最前面, 而另一些程序员把它放在最后面, 无论放在哪个地方, 以下几点说明都是适合的。

Java岗开发3年,公司临时抽查算法,离职后这几题我记一辈子

前几天我们公司做了一件蠢事,非常非常愚蠢的事情。我原以为从学校出来之后,除了找工作有测试外,不会有任何与考试有关的事儿。 但是,天有不测风云,公司技术总监、人事总监两位大佬突然降临到我们事业线,叫上我老大,给我们组织了一场别开生面的“考试”。 那是一个风和日丽的下午,我翘着二郎腿,左手端着一杯卡布奇诺,右手抓着我的罗技鼠标,滚动着轮轴,穿梭在头条热点之间。 “淡黄的长裙~蓬松的头发...

大牛都会用的IDEA调试技巧!!!

导读 前天面试了一个985高校的实习生,问了他平时用什么开发工具,他想也没想的说IDEA,于是我抛砖引玉的问了一下IDEA的调试用过吧,你说说怎么设置断点...

立即提问
相关内容推荐