Div布局与Table布局

CarlHui CarlHui 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 4.2k累计阅读 4.2k平均单平台 已同步平台 CSDN 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄22年
关注
原创 最新推荐文章于 2026-04-19 12:05:27 发布 4.2k 阅读 AI 写同款· GEO 优化 ›
Java获取中文拼音，中文拼音首字母 首先，需要在项目中引入pinyin4j-2.5.0.jar1.获取中文全拼/** * 得到中文全拼 * @param src 需要转化的中文字符串 * @return */ public static String getPingYin(String src) { char[] t1 = null; ... 阅读详情

前几天在做个网站,想全部用Div布局,起初控制得还好,代码也很整洁,但是Div没有垂直居中对齐(至少我没有过找到相关属性),后到不结合Table,如下代码:
1、无Table
<div class="sectionItem">
     <div class="image">
         <a href="RoadWarningLamp/default.aspx"><img src="imagesHandler.aspx?id=SectionInfots-303-1.JPG&Height=-1" align="middle" border="0" ></a>
     </div>
     <div class="title">
      <a href='RoadWarningLamp/default.aspx'> 
       Road Warning Lamp
      </a>
     </div>
    </div>

试了半天，也不能让图片垂直居中显示

2、有Table
<div class="sectionItem">
     <div class="image">
      <table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0">
       <tr>
        <td align="center" valign="middle">
         <a href="RoadWarningLamp/default.aspx"><img src="imagesHandler.aspx?id=SectionInfots-303-1.JPG&Height=-1" align="middle" border="0" ></a>
        </td>
       </tr>
      </table>
     </div>
     <div class="title">
      <a href='RoadWarningLamp/default.aspx'> 
       Road Warning Lamp
      </a>
     </div>
    </div>

这样之后才足了我的需求

不知道那位可以做到不用Table实现

具体效果可参见改下网站：http://ykh.51086.com

收录于
html

当前文章被收录于：

html
5 篇文章 0 人学习
订阅专栏 查看详情
标签
#div #table #class #border #image
本内容遵循 CC 4.0 BY-SA 版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
深入解析AUTOSAR中IIC的MCAL实现与Vector配置实践 本文深入解析AUTOSAR架构中IIC总线的MCAL实现与Vector配置实践，探讨IIC在汽车电子中的特殊定位及Vector的折中方案。通过Channel与Sequence设计模式、Chain特性应用及DaVinci Configurator配置步骤，提供IIC驱动的优化与安全实现方法，助力开发者高效解决车载通信问题。 阅读详情

相关推荐

期末求生指南：手把手教你用浏览器开发者工具绕过百一测评切屏检测

本文详细介绍了如何利用浏览器开发者工具绕过百一测评的切屏检测功能。通过分析JavaScript事件监听机制，定位关键检测代码，并提供实时调试和本地覆盖两种修改方法，帮助学生在遵守规则的前提下更灵活地应对在线考试。文章还包含风险控制和替代方案等实用建议。

weixin_28698059的博客 492

五种前端布局之table布局

前端基本布局五种前端布局table布局float布局 五种前端布局 table布局、float布局、absolute布局、flexbox布局、grid布局 table布局 父级容器—display: table 子级容器—display:table-cell (1) 空间平均划分：子级容器默认是自动平分宽度沾满父级容器； <body> <div class="box"> <div class="left"></div>

qq_39877681的博客 2万+

hui移动端前端框架

hui移动端前端框架；hui移动端前端框架；hui移动端前端框架；

DIV与TABLE的HTML布局

DIV布局 div标签是块级元素，本身没有意义，用于其他元素的容器，由于div自带折行效果，因此div默认是列排列 // 两个div默认列排列 <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div style="background-color: black; width: 100px ; height

个人学习笔记库，一篇一篇记录成长的足迹 1629

HTML中的div布局与table的区别

同样的效果，使用 div 布局能比表格更加灵活，但是我们需要根据不同的场景使用不同的布局方式，现在我们来看看两种布局的优缺点。样式的调整更加方便，内容和样式的分离，使页面和样式的调整变得更加方便。表现和结构分离，在团队开发中更容易分工合作而减少相互关联性。一个页面可能会有大量的 table 元素，代码冗余度高。不同的浏览器看到的效果一般相同。显示样式和数据绑定在一起。搜索引擎不喜欢这样的布局。节省代宽，代码冗余度低。布局的时候灵活度不高。符合 W3C 标准。

weixin_54018753的博客 823

table布局与div布局

　　DIV与TABLE本身并不存在什么优缺点，所谓web标准只是推荐的是正确的使用标签，好比说：DIV用于布局，而TABLE则本来就是转二维数据的。让TABLE做该做的事，并不是说页面里不出现TABLE就是多么多么牛。 　　DIV是标准，是大势所趋，但并不意味着所有的页面都适合用它来做。 　　中国的门户和国外的有很大的区别，中国网民并不喜欢信息量少的页面，YAHOO到了中国页...

weixin_34347651的博客 315

浅谈table布局和div布局的区别

目录背景table布局div+css布局总结： table布局和div布局的区别 背景 早期的网页布局，基本都是采用table布局的。早期的网页相对来说比较的简单，类似于报纸一样，只有文字和静态的图片。对于这样子的需求，table布局是使用的。但是随着W3C（万维网联盟）以及其他标准的出现，还有现在网页的呈现、网页的布局变得多样化了，table布局也变得不适用了。table现在也只用来显示数据而已，基本没有应用到布局上。 table布局 先来谈一谈table布局吧！ 首先是table布局的缺点： 采用

weixin_43846755的博客 2075

java获取首字母_【Java】获取中文首字母

获取中文首字母有时候，比如微信上根据名字拼音首字母排序并检索。那么用Java获取中文首字母是怎么实现的呢？代码不多说，直接上代码：(写个工具类)public class FirstCharUtil {// 简体中文的编码范围从B0A1(45217)一直到F7FE(63486)private static int BEGIN = 45217;private static int END = 6348...

weixin_29093017的博客 3599

java获取中文的拼音以及获取中文拼音的首字母

首先在pom文件中引入依赖 pinyin4j &lt;dependencies&gt; &lt;dependency&gt; &lt;groupId&gt;com.belerweb&lt;/groupId&gt; &lt;artifactId&gt;pinyin4j&lt;/artifactId&gt; ...

羸鹄的博客 1万+

java获取中文的拼音和获取中文的拼音首字母

首先在项目中引入pinyin4j.jar包 一、获取中文的拼音 public void testPinyin() throws BadHanyuPinyinOutputFormatCombination { String name = "中文拼音"; char[] charArray = name.toCharArray(); StringBuilder p...

奔跑8蜗牛 6747

Java获取中文拼音、中文首字母缩写和中文首字母

我们有时候会遇到这样的情况，需要获取某些中文的拼音、中文首字母缩写和中文首字母，下面我将为大家介绍一下如何获取中文拼音的缩写。 1、项目建立和配置 首先，我们建立一个java项目，新建libs文件夹并引入一个734a7099-4830-39f2-a136-0e850ccdcc7a.jar文件，这个步骤相信就不用详细写了，跳过。 2、获取中文拼音（如：广东省 -->guangdongsheng

黎荣恒的博客 1万+

PHP获取中文首字母

function getFirstCharter($str){ if(empty($str)) {return '';} $fchar=ord($str{0}); if($fchar>=ord('A')&&$fchar<=ord('z')) return strtoupper($str{0}); $s1=iconv('UTF-8...

无痕之意的博客 2672

java首个中文字符的首字母_Java获取中文拼音、中文首字母缩写和中文首字母的示例...

我们有时候会遇到这样的情况，需要获取某些中文的拼音、中文首字母缩写和中文首字母，下面我将为大家介绍一下如何获取中文拼音的缩写。1、项目建立和配置首先，我们建立一个Java项目，新建libs文件夹并引入一个734a7099-4830-39f2-a136-0e850ccdcc7a.jar文件，这个步骤相信就不用详细写了，跳过。2、获取中文拼音(如：广东省 -->guangdongsheng) ...

weixin_35933239的博客 609

获取所有中文首字母

获取所有中文首字母 pom.xml导入包，报错就去maven仓库下载 <dependency> <groupId>com.qschou.health.third</groupId> <artifactId>pinyin4j</artifactId> <version>2.5.0</version> </dependency> 工具类 import net.sourceforge.p

weixin_40909750的博客 168

Java 获取中文首字母工具类

Java 获取中文首字母工具类 在pom.xml中添加依赖 <dependency> <groupId>net.sourceforge</groupId> <artifactId>pinyin4j</artifactId> <version>2.5.0</version> </depe...

努力本无语，尽在坚持 928

java 首字母检索_【Java】获取中文首字母

获取中文首字母有时候，比如微信上根据名字拼音首字母排序并检索。那么用Java获取中文首字母是怎么实现的呢？代码不多说，直接上代码：(写个工具类)public class FirstCharUtil {// 简体中文的编码范围从B0A1(45217)一直到F7FE(63486)private static int BEGIN = 45217;private static int END = 6348...

weixin_35455175的博客 935

java获取中文首字母

在Java中获取中文字符串的首字母（即每个中文字符的拼音首字母），通常不是直接支持的，因为Java标准库没有直接提供中文字符到拼音的转换功能。可以通过使用第三方库来实现这一功能。其中，比较常用的库有pinyin4j。下面是一个使用pinyin4j库来获取中文字符串每个字的首字母的示例：首先，你需要在项目中引入pinyin4...

weixin_40462041的博客 1179

mysql获取汉字首字母_获取中文名称的首字母

用于获取中文名称的首字母 拼音 SQL Server CREATE FUNCTION getPinYin (@str varchar(500) = '') RETURNS varchar(500) AS /*-------------------用于获取中文名称的首字母---------------------------------*/BEGIN Declare @strlen int, @re...

weixin_31000273的博客 763

根据中文获取汉字的首字母

&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;!-- Always force latest IE rendering engine (even in intranet) &amp; Chrome Frame Remove this if y

guohao326的博客 9万+

Windows 11 下载安装 CosyVoice2，一键启动.zip

本资源包含：适用于 Windows 11 的 CosyVoice2 的安装包、一键安装依赖脚本、一键安装模型脚本、一键启动脚本。附赠：Git、Miniforge 的安装包、安装说明。CosyVoice2 模型说明：CosyVoice2 是阿里巴巴推出的 多语言语音合成/**文本转语音**（TTS）模型。CosyVoice2 开源免费、可本地部署、离线使用。
上一篇： CSS控制字体效果的思考
下一篇： 网络最经典命令行－网络安全工作者的必杀技(转)
点赞 0
评论 1
书签 书签 0
CarlHui
CarlHui
博客等级 码龄22年 2粉丝 48原创
+ 关注 专栏目录 订阅专栏
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值