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

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


<!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

各位好,我刚进此讨论区,但我找不到进入 “提交问题” 的地方,请帮指点,谢了。
页: [1] 2 3 4
查看完整版本: CSS核心(五十一)vertical-align 让文字和图片在一行内居中对齐