我的联系方式

最新推荐文章于 2024-07-03 16:00:00 发布
最新推荐文章于 2024-07-03 16:00:00 发布
阅读量817 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 新浪微博 qq
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/bobjiang_/article/details/6972193
我是姜信宝 （Bob Jiang），简历请移步 LinkedIn。
我的博客： http://bobjiang.com
我喜欢新鲜事物，喜欢读书，喜欢分享。愿意和大家共同进步。
联系我：jiangxb@gmail.com
新浪微博: @姜信宝Bob

更多信息：
爱立信敏捷教练,CSM,PMP。
提供Scrum和看板（KANBAN）等内部培训。
热衷和推广敏捷,积极参与敏捷社区活动。
参与和组织的敏捷活动有：

参与组织敏捷之旅北京2011
组织敏捷之旅北京2012
组织Scrum Gathering中国2013北京站
敏捷中国2012发表关于看板的演讲

我的QQ:   

我的MSN: 

我的邮箱: 

我的新浪微博：

QQ：手动创建联系人快捷方式
qq_41297934的博客
09-27 1798
​ 记得以前QQ 是支持为联系人创建“好友桌面快捷方式”，而且也有一直在使用，感觉挺方便。不知何时起，随着 QQ 的自动更新（截至撰写时间，最新版本为：QQ_9.9.15_240925_x64_01.exe），发现这么方便的东西被企鹅割弃了。于是探索了一些可行的路径来实现该功能。
60深度解密六十：利用互联网精准找到企业负责人的联系方式
互联网技术客
02-15 2619
网络营销推广技术、技巧深度解密（六十）指南： 1.本文档适合零基础以及互联网营销推广工作者，主要讲解利用互联网精准找到负责人联系方式的问题。 2.原创版权文档，任何抄袭或者全部、部分模仿都是侵权行为。 3.敬畏法律，尊重原创版权，请勿进行任何形式的转载、售卖。 4.本文档字数约为1700字。 5.本文档语言和内容都是根据经验“直白性”呈现，简单易懂。 6.原创作者为“互联网技术客”。 7.本篇原创文档已获得文字、音频、视频、演讲等全部知识产权，并且已在北京市国信公证处进行了电子数据指纹保管，请大家勿修改、转
国内资深敏捷教练姜信宝：敏捷学习指南 带你从入门到深入
小秋博客
11-09 2779
作者简介：姜信宝（Bob Jiang），中国北方第一位CST（Certified Scrum Trainer），国内知名电商资深敏捷教练、金牌讲师，Certified LeSS Practitioner，《Scrum精髓》译者。同时也是优快云敏捷知识库特邀编辑团队领头人。 什么是敏捷敏捷（Agile）是一个全球性的运动，它正在改变我们的工作环境。敏捷这个词是2001年17位软件行业的大牛在...
以太坊实战-环境准备
05-10
以太坊实战系列之准备，包含以太坊客户端（mist）以太坊私有链部署（运行环境geth）以太坊开发环境（开发框架truffle）开发语言solidity
推荐微信公众号“敏捷那些事儿（AgilePlus）”
姜信宝 Bob Jiang的专栏
01-17 1524
微信公众号: 敏捷那些事儿（agileplus） Agile1001公开课，每月一次，旨在推广和传播敏捷开发思想和Scrum，希望更多的开发者受益。欢迎关注。课程信息会定期发布，敬请关注。
敏捷会议魔方
姜信宝 Bob Jiang的专栏
02-26 1217
敏捷会议魔方 1条回复 作为ScrumMaster或会议主持人，你有没有碰到过如下问题： 会议开着开着跑偏了 会议超时了 会议没有结果 不知道该干什么了   敏捷会议的神器来了 – 敏捷会议魔方。使用这个魔方，可以为你提供会议何时开，开多久，会议的目标，会议的检查清单，成果以及会议中用到的工具等等，详情可以参考上述的示例。 其中的会
爬取顺企网商户联系方式
weixin_39465984的博客
07-10 7599
顺企网企业联系方式等数据爬取，克服频繁访问的非机器人验证，通过图片url获取手机号码
autojs获取通讯录,读取通信录联系方式脚本
feiyunjs的博客
10-09 5206
说明 本文提供的代码仅供参考。不建议用于生产环境。 可能有些地方在最新版本的Auto.js上面需要做修改，才能运行。 Auto.js简介 Auto.js是利用安卓系统的“辅助功能”实现类似于按键精灵一样，可以通过代码模拟一系列界面动作的辅助工作。 与“按键精灵”不同的是，它的模拟动作并不是简单的使用在界面定坐标点来实现，而是类似与win一般，找窗口句柄来实现的。 Auto.js使用JavaScri...
Android设备上的联系人存储在哪里？轻松查找和备份联系人
Coolmuster的博客
07-03 4466
联系人是我们手机上最宝贵的信息之一，它们可能存储在不同的位置，包括手机内部存储、SIM卡，甚至是云端服务。对于Android用户来说，了解这些存储位置对于数据迁移和备份至关重要。本文将详细介绍Android联系人的存储位置，并提供适合的备份和迁移方案。
敏捷软件开发中的版本规划
姜信宝 Bob Jiang的专栏
01-19 3504
敏捷软件开发当中，是如何做版本规划的，和瀑布式版本规划有何不同。新的版本规划方式是否靠谱。为什么越来越多的企业在使用敏捷。
金牌讲师姜信宝、王立杰带队，敏捷系列微课堂开讲啦！
u011692258的博客
09-20 880
CTO CLUB联合金牌敏捷教练姜信宝、王立杰共同举办『敏捷系列微课堂』，从基础到前沿、从工具到案例，共计13次课，让学员及时掌握敏捷精髓，提高团队效率。欢迎大家参加。扫描下方二维码，即可报名。 课程： 198元（13次课，为期4个月，附送讲师PPT、课程整理等、跟讲师随时沟通敏捷问题）特别说明： 1.请认真填写个人信息（邮箱、微信号、手机号），工作人员会加您扫码入群，谢谢合作，可开培训费...
权威的国际敏捷认证Certified Scrum Master (CSM)
姜信宝 Bob Jiang的专栏
04-20 2325
权威的国际敏捷认证Certified Scrum Master (CSM) A. 认证前 在学习Certified Scrum Master (CSM)之前，你需要了解： 什么是CSM CSM认证与其他敏捷认证有什么区别 常见问题 CSM培训课程大纲 1. 什么是CSM 什么是Certified Scrum Master (CSM) 2. Scrum国际敏捷认证 敏捷认证的对比 敏捷认...
Certified Scrum Master课程 2016
姜信宝 Bob Jiang的专栏
11-07 2138
最新培训： 2016年11月17日-18日 厦门 2016年12月6日-7日 上海 2016年12月16日-17日 北京 CSM Certified ScrumMaster中文敏捷培训 价格：早鸟价：6300元；三人同行8折优惠（6000元）；普通7000元 说明：京东员工、敏捷社区志愿者有特别折扣，详情联系讲师（邮件或微信） 课程简介 从2001年提出敏捷
推荐Scrum书籍
姜信宝 Bob Jiang的专栏
08-12 1170
推荐Scrum书籍 直接上干货，推荐书籍清单如下（推荐有顺序的哦） Scrum指南 Scrum精髓 Scrum敏捷软件开发 Scrum捷径 硝烟中的Scrum和XP : 我们如何实施Scrum 敏捷软件开发:Scrum实战指南 Scrum要素 大规模Scrum:大规模敏捷组织的设计 用户故事地图 用户故事与敏捷方法 Scrum指南 作者：Ken Schwaber & Jeff Sutherland 出版社：Online 译者：Jiancheng Zhou 链接：https://scrumguid
如何打造优秀的远程敏捷团队（9步）
姜信宝 Bob Jiang的专栏
04-26 1317
最近怎么样？可怕。我的团队很担心，我们感到与世隔绝，并且我很难将我们重新团结在一起。听起来很有挑战性。它是。真的是这样。我只是不了解我所了解的其他团队之间的合作情况如何。嗯，团队其他成员的感觉如何？我认为我们每个人都感到同样，沮丧和孤独。不需要这样，让我们​​扭转一下...... 通过经验学习Scrum的核心。 作为一名活跃的敏捷Scrum顾问和专业Scrum培训师，我一直在帮助众多敏捷团队...
7分钟揭晓Scrum的秘密（Scrum框架）
姜信宝 Bob Jiang的专栏
05-16 856
7分钟揭晓Scrum的秘密（Scrum框架） 什么是Scrum Scrum 是用于开发和持续支持复杂产品的一个框架。其中包括 Scrum 的角色、事件、工件，以及把它们组织在一起的规则...Scrum (名词): Scrum 是一个框架，在此框架中人们可以解决复杂的自适应难题，同时也能高效并创造性地交付尽可能高价值的产品。Scrum 是: 轻量级的 易于理解的 难以精通的 Scrum 是一个过程框架，自上世纪 90 年代初以来，它就已经被应用于管理复杂产品的开发上。Scrum并不是构建产品的一
详细介绍Scrum Master八大职责（Scrum Master能力说明）
姜信宝 Bob Jiang的专栏
01-28 1677
Scrum Master八大职责 - 开篇 根据Scrum指南，Scrum Master负责确保团队理解并实践Scrum。Scrum Master通过让Scrum团队遵守Scrum的理论、实践和规则来完成这项工作。 Scrum Master是Scrum团队的服务型领导，Scrum Master帮助那些在Scrum团队之外的人知道他们与团队的互动，哪些对团队有帮助，哪些没有。Scrum Master通过帮助团队内外的所有人之间的互动方式以使得Scrum团队产出价值最大化。 Scrum Master角色拥有许多
敏捷之旅2013北京站总结 - 演讲嘉宾ppt汇总篇
姜信宝 Bob Jiang的专栏
12-25 2059
敏捷之旅北京站已经落下帷幕，有很多朋友问我从哪儿可以下载各位演讲嘉宾的ppt。现在所有讲师ppt已经上传到新浪微盘上，可以关注新浪微博@敏捷之旅北京。本文也对所有演讲材料进行了一个汇总，方便各位朋友进行统一下载。
联系方式放在右侧
最新发布
05-09
<think>嗯，用户想在现有的HTML顶部右侧添加联系方式，位于导航栏旁边。首先，我需要回顾之前的对话，用户提供的HTML结构有一个id为x2的div，里面包含logo和导航栏nav-links。之前的回答建议使用header和address标签，但现在用户希望将联系方式放在导航栏右侧，可能需要调整布局。 用户提到要参考站内的引用，比如iframe的优点和Dreamweaver的代码编辑，但这些可能不直接相关。不过，用户的主要问题是如何在导航栏右侧放置联系方式。需要检查现有的HTML结构，看看如何在不破坏现有布局的情况下添加新的元素。 原来的结构中，logo是左浮动，导航栏在右侧。可能需要使用Flexbox来让logo和导航栏并排，然后在导航栏内部右侧添加联系方式。或者将联系方式作为导航栏的一部分，放在nav-links的旁边。不过用户希望联系方式在导航栏右侧，所以可能需要将联系方式容器放在nav-links的后面，并调整Flexbox的布局。 考虑到语义化，可能不需要使用header标签，但现有的div#x2已经作为顶部栏，可以在其中添加联系方式。使用Flexbox布局，将整个#x2设置为display: flex，justify-content: space-between，这样logo在左，导航和联系方式在右侧。或者将导航栏和联系方式放在同一个flex容器中，放在右侧。 另外，之前的回答中建议使用address标签，但用户现在可能更关注布局位置。需要确保联系方式在导航栏的右侧，可能需要调整HTML结构，将联系方式放在nav-links之后，并使用margin-left: auto或者flex属性来推送到右侧。 还要注意响应式设计，确保在不同屏幕尺寸下布局合理。可能需要媒体查询来调整移动端的显示，比如堆叠元素。此外，联系方式的样式可能需要调整，比如使用横向排列，用Flexbox并设置gap来间隔元素。 最终，修改HTML结构，在nav-links旁边添加一个contact-info的div，并在CSS中使用Flexbox来控制布局，确保logo在左，导航和联系方式在右，同时联系方式在导航栏的右侧。可能需要调整现有的CSS，添加flex属性，并处理可能的样式冲突。</think>根据您的需求，我将结合W3C语义化标准和当前页面结构，提供两种实现方案： **方案一：Flexbox布局（推荐方案）** ```html <div id="x2"> <!-- 左侧网站图标 --> <a href="/" class="logo"> <img src="logo.png" alt="网站图标"> </a> <!-- 右侧容器 --> <div class="right-section"> <!-- 联系方式 --> <address class="contact-info"> <a href="tel:+8613800138000" class="contact-item">📞 +86 138-0013-8000</a> <a href="mailto:contact@example.com" class="contact-item">📧 contact@example.com</a> </address> <!-- 导航栏 --> <nav class="nav-links"> <a href="#/home">首页</a> <a href="#/about">关于我们</a> <a href="#/contact">联系我们</a> </nav> </div> </div> <style> #x2 { display: flex; justify-content: space-between; align-items: center; padding: 15px; } .right-section { display: flex; align-items: center; gap: 30px; } .contact-info { display: flex; gap: 20px; margin-right: 30px; } .contact-item { display: flex; align-items: center; gap: 5px; text-decoration: none; color: #333; } .nav-links { display: flex; gap: 20px; } </style> ``` **方案二：Grid布局（现代方案）** ```html <div id="x2"> <a href="/" class="logo"> <img src="logo.png" alt="网站图标"> </a> <address class="contact-info"> <a href="tel:+8613800138000">📞 138-0013-8000</a> <a href="mailto:contact@example.com">📧 contact@example.com</a> </address> <nav class="nav-links"> <a href="#/home">首页</a> <a href="#/about">关于我们</a> <a href="#/contact">联系我们</a> </nav> </div> <style> #x2 { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 30px; padding: 15px; } .contact-info { display: flex; gap: 20px; justify-self: end; margin-right: 30px; } </style> ``` **布局原理说明**： 1. **Flexbox方案**： - 主容器使用`display: flex`创建弹性布局 - `justify-content: space-between`实现左右分区 - 右侧容器内部嵌套弹性布局处理联系方式与导航栏的间距 2. **Grid方案**： - 使用CSS Grid的三列布局（Logo | 空白间隔 | 联系信息+导航） - `grid-template-columns: auto 1fr auto`自动分配列宽 - `justify-self: end`将联系方式推到网格区域右侧 **响应式优化建议**： ```css @media (max-width: 768px) { #x2 { flex-wrap: wrap; gap: 15px; } .contact-info { order: 2; width: 100%; justify-content: center; margin-right: 0; } } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值