CSS核心（五十一）vertical-align 让文字和图片在一行内居中对齐

人亦已歌 · 发表于 2023-2-1 19:42:22

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>让文字和图片在一行内居中对齐</title>
</head>
<style>
        .box{
                with:200px;
                height:100px;
                border:1px solid #000;        
        }
        img{ 
                vertical-align:middle;        
        }
</style>
<body>
<div class="box">
        <img src="img/1.jpg" width="100" height="100">
    吾家洗砚池头树，个个花开淡墨痕。不要人夸好颜色，只流清气满乾坤。
</div>
</body>
</html>

显示结果如下：

hyjzan · 发表于 2023-2-19 03:30:24

看这篇文章的时候,当作者给出了两个程序而监考官依然不满意的时候,我也思考了一下更优的解法,也许就是-1的连续相乘呢..我很高兴我的判断是对的,我学c语言的时间不怎么长,也有做过那样的题目,老师给出的答案也跟作者写的差不多..其实初看到题目的时候,我也有过那种简洁的思路,只是那种想法转瞬即逝.. 有一次,我重复做一道老师给的题目(附答案),后来我把程序给我的男朋友做(他也是学计算机的,而且算法还可以),他说老师的做法太差,然后给了我他做的答案.... 有时候,一些算法还是要靠我们自己去摸索的.... 感谢作者让我重新认识到这一点!

382682391 · 发表于 2023-2-25 20:35:45

不管结果怎样，至少努力过.............

不过梦一场 · 发表于 2023-3-1 17:59:26

我让人受用，人之间就应该这样交流。

zhouwenqiu · 发表于 2023-3-8 19:59:53

你好！我也是个新手，今年上大三。上大学刚接触计算机，对编程产生爱好也是上大学后，上大一我们学的C语言，现在正学JAVA和数据结构。看了你写的东西很是受用。我以后一定会在编程道路上严格要求自己。希望有机会和你谈一些专业的问题。

flord · 发表于 2023-3-14 01:45:29

^谢谢

whtaaa · 发表于 2023-3-19 07:38:53

不错!

leitiannu · 发表于 2023-3-24 16:26:58

谢谢分享，受益不少。

九阳豆浆机 · 发表于 2023-3-28 23:09:37

原来优化程序那么重要！虽然我也知道该优化的就要优化，但是，我从来没考虑过要主动优化程序！我只要能写出来，能运行了我就觉得是完成了！

jifeng · 发表于 2023-3-31 21:53:41

各位好，我刚进此讨论区，但我找不到进入 “提交问题” 的地方，请帮指点，谢了。

CSS核心（五十一）vertical-align 让文字和图片在一行内居中对齐

活跃会员

热心会员

推广达人

宣传达人

突出贡献

优秀版主

荣誉管理

论坛元老

终身会员

新手

使用

会员

软件简介