- CSS 怎么把两个A标签在同一位置(列)，上下排列？
-
RT!
使用了AmazeUI的两个icon，想做排序按钮，但是不知道怎么让两个位置在同一列，也就是上下对齐，请高手帮忙！var column = ' <a href="##" class="am-icon-sort-asc"></a><a href="##" class="am-icon-sort-desc"></a>';
先谢啦！
————————————————————————————————————<div style="text-align: center;height: 40px;border: 1px solid blue;"> <a href="##1" class="am-icon-sort-asc" style="border:1px solid green;display: inline-block; height: 50%;width: 12px;"></a> <a href="##2" class="am-icon-sort-desc" style="border:1px solid red;display: inline-block; height: 50%;width: 12px;"></a> </div>
<div style="text-align: center;height: 40px;width:20px; border: 1px solid blue;">
<a href="##1" class="am-icon-sort-asc" style="background-color: salmon;display:block; height: 50%;width: 12px;">1</a>
<a href="##2" class="am-icon-sort-desc" style="background-color: aqua;display:block; height: 50%;width: 12px;">1</a>
</div>
-
- beamofsoul 回复当作看不见: 好像还是不行啊 我更新了题目 上面有我改的代码和效果 好像没有达到效果啊 是不是哪里不对啊
- 接近 3 年之前 回复
-
- 当作看不见 回复beamofsoul: 外面套一个div,a设置为inline-block 设置一个高（父元素的一半）和宽，插入两个a标签。，这样不需要设置相对定位，css布局完成
- 接近 3 年之前 回复
-
- beamofsoul 回复当作看不见: 有没有科学一点的解决方案呢 我做项目用 不能写的这么简单粗暴 最好能够设置a标签只有一半高度什么的那种 前台CSS我不太懂 高人 靠你了！！！
- 接近 3 年之前 回复
-
- 当作看不见 回复beamofsoul: http://www.w3school.com.cn/tags/tag_area.asp 简单粗暴的解决方案
- 接近 3 年之前 回复
-
- beamofsoul 位置的问题确实搞定了，但是下面那个icon向左移动与上面的icon对齐以后，就把上面的icon挡住了，页面虽然看得到，但是超链接点不到了啊？
- 接近 3 年之前 回复
-
- beamofsoul 位置的问题确实搞定了，但是下面那个icon向左移动与上面的icon对齐以后，就把上面的icon挡住了，页面虽然看得到，但是超链接点不到了啊？
- 接近 3 年之前 回复
-
- beamofsoul 对齐的图标我是有的 但是打算做那种上下两个可以两个超链接那种功能 所以一个图标实现不了
- 接近 3 年之前 回复
-
- beamofsoul 对齐的图标我是有的 但是打算做那种上下两个可以两个超链接那种功能 所以一个图标实现不了
- 接近 3 年之前 回复
- 其他相关推荐
- css 如何设置几个图片在同一行显示 并且按页面百分比排列 中间间隔一定间隙 美观
- css 如何设置几个图片在同义行显示 并且按页面百分比排列 中间间隔一定间隙 美观
- 在css3中给多个h2标签添加样式，排除其中一个h2标签不使用同一添加的样式怎么办？
- 初学者：在页面排版中有3个div元素，每个div元素包涵一个h2标签，在css中添加h2 标签样式为： h2｛ padding-left：40px； ｝ 排除其中一个div元素中的h2标签不使用这个样式有什么办法啊？ 求助大神！！
- QT GraphicsScene中两个QCharts上下排列，而不是默认的左右排列。
- 如题，QT GraphicsScene中两个QCharts上下排列，而不是默认的左右排列。
- css如何将一张图片固定在一个div底部，图片height变化时图片高度变化，底部位置不变
- css如何将一张图片固定在一个div底部，图片height变化时图片高度变化，图片底部位置不变
- jq获取a标签id,并更改CSS
- jq能获取a标签ID并修改跳转页面A标签的css么？例如 ``` <a href="b.html" target="_blank"></a> ``` jq实现b.html页面的当前标签的背景色变为红色
- 如何用div+css制作一个两行五列的类似表格的东西
- 好吧，对于div+css我是完全的菜鸟，哪位大神帮忙写一下呀。谢谢
- 怎样让a标签垂直居中显示
- 我有一个div，里面放了一个img 和一个a标签，图片在标签的后面，图片的宽度把div撑大，现在我想让我的a标签在div里面垂直居中显示，或者说是控制这个连接在图片右侧的上下（垂直）位置，应该怎样实现啊？？ 各位大神，求解答。。。。。。
- 如何把一个div的窗口插入到一个<a>标签中（点击A标签弹出div窗口）？
- div窗口：包含了要输入账号密码的input标签 和 验证是否正确的onclick 要插入的地方：是一个 < li>< a onclick="事件"> Y < /a>< /li> 目标是：点击Y 会出来div里的内容。 请问要在js文件里怎么写，本人刚刚接触请求回答，谢谢~
- 这是一个关于CSS的一个问题
- 为什么CSS叫叠加样式表？ 叠加和样式 这两个词我能理解，表这个词 我理解不了，求大佬解答？ 为什么CSS叫叠加样式表？ 叠加和样式 这两个词我能理解，表这个词 我理解不了，求大佬解答？
- link引入外部css文件，放在head标签中和body标签中有什么区别
- 如题，link引入外部css文件，放在head标签中和body标签中有什么区别
- 纯 css 瀑布流产生的问题，第二列第一张图片有一部分在跑到第一列来，是什么原因？
- 纯 css 瀑布流产生的问题，第二列第一张图片有一部分在跑到第一列来，是什么原因？ .w-waterfall { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 0.25rem; -webkit-column-gap: 0.25rem; column-gap: 0.25rem; width: 98%; margin:2em auto; } .w-box { padding: 0.15rem; margin: 0 0 0.15rem 0; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; border-radius: 0.2rem; background-color: #fff; text-shadow: 0px 0px 10px #9d9d9d; } 数据是后台返回的
- 求教，CSS两栏布局，一列固定一列自适应为题
- 左列为自适应布局没有设宽度，右列设固定宽度，用了float布局，但是发现左右列不在同一行，固定宽度的列被挤到了下方，是什么原因呢？ 求大神指教！！！
- div+css 如何在table标签里面建立二级菜单
- ``` <body> <div class="ontainer"> <div class="Header" align="center"><img src="无标题.jpg" width="80%" height="160" /></div><!--定义了width为百分比，在定义高度为百分比就没用了，宽度为准按原图比例进行缩放，除非把高度定义为绝对的高度，即用像素来定义--> <div class="1"> <table width="80%" heigth:"50px" border="2" bgcolor="#66FF00" align="center"> <div id="一级菜单"> <tr> <ul> <td> <li><a href="#">张三</a> <ul class="二级菜单"> <li><a href="#">123456</a></li> </ul> </li> </td> <td><li><a href="#">李四</a></li></td> <td><li><a href="#">王五</a></li></td> <td><li><a href="#">赵六</a></li></td> <td><li><a href="#">赵六</a></li></td> <td><li><a href="#">赵六</a></li></td> <td><li><a href="#">赵六</a></li></td> <td><li><a href="#">赵六</a></li></td> </ul> </tr> </div> </table> </div> </div> </body> 最上面是一张图片，然后下面是一张表格，表格里面的文字下面新建下拉菜单 问题1：在 <style type="text/css"> #COntainer{ width:80%; margin:0 auto; } #Header{ width:80%; height:10%px; <!--由于Header中的图片在下面定义了绝对的高度，是个像素，在这里定义也就没用了,只要是下面定义了，这里定义就无用--> } #1{ background:#CF3; text-align:center; <!--并没有起到作用，表格中的字体依然没有居中，只有到<td>标签的属性中去设置了--> } </style> 之中如何定义下拉菜单的隐藏，现在情况如图：  问题2：div标签里面class，id,什么时候用class，什么时候用id,什么时候用name 问题3：在html/css中<style></style>中的div标签对该标签对应的内容为什么没用，如上面的<div class="1">,在上面定义的text-align：center没用。还有类似的，表格里的文字内容居中问题，非得在<table>标签下的<td>标签里面定义吗？ 问题四：为什么表格里一级菜单，二级菜单前面都有个点，是什么意思，怎么去掉 ```
- css怎么给checkbox设置一个红色的边框
- css怎么给checkbox设置一个红色的边框，要写个js才行吗？最好纯css
- 怎么实现点击一个div相当于点击了它内部的a标签（最好不用js就能解决）
- 用div+a标签做了一个按钮 现在点击的时候有时候可能会点到div上。 能不能加个简单的代码使点击div的时候都默认也点击它内部的a标签 最好不要加js代码 最好也不要只是修改css，把a标签占满整个div区域就完事了
- css input标签字体靠右对齐 移动端不方便删除
- css input标签 字体靠右 在获得焦点时希望光标可以在字体的右边
- 我的css样式是写在head标签里，但却不能使用
- 我的css样式是写在head标签里，但却不能使用，是通过id选择器选择的
- 关于Web前端a标签CSS的相关问题
- 代码如下： ``` <html> <head> <style type="text/css"> a:link {color: #FF0000} a:visited {color: #00FF00;font-size:60px} a:hover {color: #FF00FF} a:active {color: #0000FF} </style> </head> <body> <p><b><a id='id0' href="https://www.baidu.com" target="_blank">BAIDU</a></b></p> </body> </html> ``` 在访问链接后，标签颜色发生变化但是字体大小却没有发生变化如下图所示：  尽管访问后颜色发生改变但是使用getComputedStyle方法获取便签的颜色时，获取的颜色还为未访问时的颜色，如下图所示：  请问为什么会出现上面两个问题？
- CSS中两个不同类名的div元素的color属性为什么会互相影响？
- login类中的a元素的color属性总是随着nav类中的a元素的color属性变化，这是为什么？如何修改？ ``` /*CSS 文件*/ *{ border: 1px solid red; } .header div{ float: left; width: 33%; height: 60px; } .login{ float: left; height: 60px; line-height: 60px; } .login a:link, a:visited{ font-family: "microsoft yahei", sans-serif; font-weight: bold; padding: 5px; text-align: center; color: #0000FF; } .login a:hover, a:active{ background-color: #FF0000; } .nav{ float: left; width: 100%; height: 50px; background-color: #000000; line-height: 50px; } .nav a:link, a:visited{ padding: 14px; text-decoration: none; font-family: "microsoft yahei"; color: #FFFFFF; } .nav a:hover, a:active{ background-color:#FF0000; } .footer{ clear: both; } ``` ``` <!--html文件--!> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>黑马商城</title> <link rel="stylesheet" type="text/css" href="css/index.css"/> </head> <!-- 1.header 2.nav 3.banner 4.content_new 5.content_hot 6.footer --> <body> <div class="header"> <div> <img src="img/icon/logo2.png" alt="黑马"> </div> <div> <img src="img/icon/header.png" alt="正品无忧"> </div> <div class="login"> <a href="#">登录</a> <a href="#">注册</a> <a href="#">购物车</a> </div> </div> <div class="nav"> <a href="#">首页</a> <a href="#">手机数码</a> <a href="#">电脑办公</a> <a href="#">鞋靴箱包</a> <a href="#">香烟酒水</a> </div> <div class="footer"> </div> </body> </html> ```
- 相见恨晚的超实用网站
- 相见恨晚的超实用网站 持续更新中。。。
- Java学习的正确打开方式
- 在博主认为，对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结，前三者博主将淋漓尽致地挥毫于这篇博客文章中，至于总结在于个人，实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍，博客次之，这又是一个层次了，这里暂时不提后面再谈。博主将为各位入门java保驾护航，各位只管冲鸭！！！上天是公平的，只要不辜负时间，时间自然不会辜负你。 何谓学习？博主所理解的学习，它是一个过程，是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
- 程序员必须掌握的核心算法有哪些？
- 由于我之前一直强调数据结构以及算法学习的重要性，所以就有一些读者经常问我，数据结构与算法应该要学习到哪个程度呢？，说实话，这个问题我不知道要怎么回答你，主要取决于你想学习到哪些程度，不过针对这个问题，我稍微总结一下我学过的算法知识点，以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的，并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构，当然，我也会整理一些看过...
- 大学四年自学走来，这些私藏的实用工具/学习网站我贡献出来了
- 大学四年，看课本是不可能一直看课本的了，对于学习，特别是自学，善于搜索网上的一些资源来辅助，还是非常有必要的，下面我就把这几年私藏的各种资源，网站贡献出来给你们。主要有：电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意：文中提到的所有资源，文末我都给你整理好了，你们只管拿去，如果觉得不错，转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
- linux系列之常用运维命令整理笔录
- 本博客记录工作中需要的linux运维命令，大学时候开始接触linux，会一些基本操作，可是都没有整理起来，加上是做开发，不做运维，有些命令忘记了，所以现在整理成博客，当然vi，文件操作等就不介绍了，慢慢积累一些其它拓展的命令，博客不定时更新 free -m 其中：m表示兆，也可以用g，注意都要小写 Men：表示物理内存统计 total：表示物理内存总数(total=used+free) use...
- 比特币原理详解
- 一、什么是比特币 比特币是一种电子货币，是一种基于密码学的货币，在2008年11月1日由中本聪发表比特币白皮书，文中提出了一种去中心化的电子记账系统，我们平时的电子现金是银行来记账，因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述，这一层面介绍的文章很多，本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
- python 简易微信实现（注册登录+数据库存储+聊天+GUI+文件传输）
- socket+tkinter详解+简易微信实现 历经多天的努力，查阅了许多大佬的博客后终于实现了一个简易的微信O(∩_∩)O~~ 简易数据库的实现 使用pands+CSV实现数据库框架搭建 import socket import threading from pandas import * import pymysql import csv # 创建DataFrame对象 # 存储用户数据的表（...
- 程序员接私活怎样防止做完了不给钱？
- 首先跟大家说明一点，我们做 IT 类的外包开发，是非标品开发，所以很有可能在开发过程中会有这样那样的需求修改，而这种需求修改很容易造成扯皮，进而影响到费用支付，甚至出现做完了项目收不到钱的情况。 那么，怎么保证自己的薪酬安全呢？ 我们在开工前，一定要做好一些证据方面的准备（也就是“讨薪”的理论依据），这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发...
- 网页实现一个简单的音乐播放器（大佬别看。(⊙﹏⊙)）
- 今天闲着无事，就想写点东西。然后听了下歌，就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
- Python十大装B语法
- Python 是一种代表简单思想的语言，其语法相对简单，很容易上手。不过，如果就此小视 Python 语法的精妙和深邃，那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点，并附上详细的实例代码。如能在实战中融会贯通、灵活使用，必将使代码更为精炼、高效，同时也会极大提升代码B格，使之看上去更老练，读起来更优雅。
- 数据库优化 - SQL优化
- 以实际SQL入手，带你一步一步走上SQL优化之路！
- 2019年11月中国大陆编程语言排行榜
- 2019年11月2日，我统计了某招聘网站，获得有效程序员招聘数据9万条。针对招聘信息，提取编程语言关键字，并统计如下： 编程语言比例 rank pl_ percentage 1 java 33.62% 2 cpp 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7 p...
- 通俗易懂地给女朋友讲：线程池的内部原理
- 餐盘在灯光的照耀下格外晶莹洁白，女朋友拿起红酒杯轻轻地抿了一小口，对我说：“经常听你说线程池，到底线程池到底是个什么原理？”
- 《奇巧淫技》系列-python！！每天早上八点自动发送天气预报邮件到QQ邮箱
- 将代码部署服务器，每日早上定时获取到天气数据，并发送到邮箱。 也可以说是一个小型人工智障。 知识可以运用在不同地方，不一定非是天气预报。
- 经典算法（5）杨辉三角
- 杨辉三角 是经典算法，这篇博客对它的算法思想进行了讲解，并有完整的代码实现。
- 腾讯算法面试题：64匹马8个跑道需要多少轮才能选出最快的四匹？
- 昨天，有网友私信我，说去阿里面试，彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static？他被难住了，因为他从来都没有考虑过这个问题。无独有偶，今天笔者又发现有网友吐槽了一道腾讯的面试题，我们一起来看看。 腾讯算法面试题：64匹马8个跑道需要多少轮才能选出最快的四匹？ 在互联网职场论坛，一名程序员发帖求助到。二面腾讯，其中一个算法题：64匹...
- 面试官：你连RESTful都不知道我怎么敢要你？
- 干货，2019 RESTful最贱实践
- 刷了几千道算法题，这些我私藏的刷题网站都在这里了！
- 遥想当年，机缘巧合入了 ACM 的坑，周边巨擘林立，从此过上了"天天被虐似死狗"的生活… 然而我是谁，我可是死狗中的战斗鸡，智力不够那刷题来凑，开始了夜以继日哼哧哼哧刷题的日子，从此"读题与提交齐飞， AC 与 WA 一色 "，我惊喜的发现被题虐既刺激又有快感，那一刻我泪流满面。这么好的事儿作为一个正直的人绝不能自己独享，经过激烈的颅内斗争，我决定把我私藏的十几个 T 的，阿不，十几个刷题网...
- JavaScript 为什么能活到现在？
- 作者 | 司徒正美 责编 |郭芮 出品 | CSDN（ID：CSDNnews） JavaScript能发展到现在的程度已经经历不少的坎坷，早产带来的某些缺陷是永久性的，因此浏览器才有禁用JavaScript的选项。甚至在jQuery时代有人问出这样的问题，jQuery与JavaScript哪个快？在Babel.js出来之前，发明一门全新的语言代码代替JavaScript...
- 项目中的if else太多了，该怎么重构？
- 介绍 最近跟着公司的大佬开发了一款IM系统，类似QQ和微信哈，就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
- Nginx 原理和架构
- Nginx 是一个免费的，开源的，高性能的 HTTP 服务器和反向代理，以及 IMAP / POP3 代理服务器。Nginx 以其高性能，稳定性，丰富的功能，简单的配置和低资源消耗而闻名。 Nginx 的整体架构 Nginx 里有一个 master 进程和多个 worker 进程。master 进程并不处理网络请求，主要负责调度工作进程：加载配置、启动工作进程及非停升级。worker 进程负责处...
- 致 Python 初学者
- 欢迎来到“Python进阶”专栏！来到这里的每一位同学，应该大致上学习了很多 Python 的基础知识，正在努力成长的过程中。在此期间，一定遇到了很多的困惑，对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 python 这门编程语言，从2009年开始单一使用 python 应对所有的开发工作，直至今天。回顾自己的学习过程，也曾经遇到过无数的困难，也曾经迷茫过、困惑过。开办这个专栏，正是为了帮助像我当年一样困惑的 Python 初学者走出困境、快速成长。希望我的经验能真正帮到你
- Python 编程开发 实用经验和技巧
- Python是一门很灵活的语言，也有很多实用的方法，有时候实现一个功能可以用多种方法实现，我这里总结了一些常用的方法和技巧，包括小数保留指定位小数、判断变量的数据类型、类方法@classmethod、制表符中文对齐、遍历字典、datetime.timedelta的使用等，会持续更新......
- 吐血推荐珍藏的Visual Studio Code插件
- 作为一名Java工程师，由于工作需要，最近一个月一直在写NodeJS，这种经历可以说是一部辛酸史了。好在有神器Visual Studio Code陪伴，让我的这段经历没有更加困难。眼看这段经历要告一段落了，今天就来给大家分享一下我常用的一些VSC的插件。 VSC的插件安装方法很简单，只需要点击左侧最下方的插件栏选项，然后就可以搜索你想要的插件了。 下面我们进入正题 Material Theme ...
- “狗屁不通文章生成器”登顶GitHub热榜，分分钟写出万字形式主义大作
- 一、垃圾文字生成器介绍 最近在浏览GitHub的时候，发现了这样一个骨骼清奇的雷人项目，而且热度还特别高。 项目中文名：狗屁不通文章生成器 项目英文名：BullshitGenerator 根据作者的介绍，他是偶尔需要一些中文文字用于GUI开发时测试文本渲染，因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理，所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的： 你发现，...
- 程序员：我终于知道post和get的区别
- 是一个老生常谈的话题，然而随着不断的学习，对于以前的认识有很多误区，所以还是需要不断地总结的，学而时习之，不亦说乎
- 《程序人生》系列-这个程序员只用了20行代码就拿了冠军
- 你知道的越多，你不知道的越多 点赞再看，养成习惯GitHub上已经开源https://github.com/JavaFamily，有一线大厂面试点脑图，欢迎Star和完善 前言 这一期不算《吊打面试官》系列的，所有没前言我直接开始。 絮叨 本来应该是没有这期的，看过我上期的小伙伴应该是知道的嘛，双十一比较忙嘛，要值班又要去帮忙拍摄年会的视频素材，还得搞个程序员一天的Vlog，还要写BU...
- 开源并不是你认为的那些事
- 点击上方蓝字 关注我们开源之道导读所以 ————想要理清开源是什么？先要厘清开源不是什么，名正言顺是句中国的古代成语，概念本身的理解非常之重要。大部分生物多样性的起源，...
- 加快推动区块链技术和产业创新发展，2019可信区块链峰会在京召开
- 11月8日，由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办，科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。 区块链技术被认为是继蒸汽机、电力、互联网之后，下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力，电力解决了人类基本的生活需求，互联网彻底改变了信息传递的方式，区块链作为构造信任的技术有重要的价值。 1...
- Python 植物大战僵尸代码实现(2):植物卡片选择和种植
- 这篇文章要介绍的是： - 上方植物卡片栏的实现。 - 点击植物卡片，鼠标切换为植物图片。 - 鼠标移动时，判断当前在哪个方格中，并显示半透明的植物作为提示。
