日早，长江之中有些雾气，视线并不是很好，北洋水师与太平军水师在八卦洲附近相遇。
双方开始之时都没有看到对方，但直到双方距离不足三里之时，才同时发现对方。北洋水师在见到太平军水师之后，由于没有作战经验，先是一阵大乱，在丁汝昌的大声呼喝之下，才渐渐稳住阵角。
而太平军水师一看就是久经战阵，并没有任何慌乱，迅速填装炮弹，并率先开炮，北洋水师在一阵慌乱过后，也开炮还击。
由于这是北洋水师的第一战，无论是丁汝昌，还是水手、炮兵都紧张，炮兵更是发挥失常，还平时训练的五成都不到，第一轮炮击之后，一发也没有命中太平军的舰船，相反太平军第一轮炮击之中到是有三发炮弹击中北洋水师船弦，虽然没有造成太大伤害，但也惊了丁汝昌一身的冷汗，但同时也冷静了下来。
丁汝昌心道，这样打法不行，完全没有发挥出北洋水师船快炮远的优势，必须要有所改变，丁汝昌立即下令，北洋水师靠向长江北岸，一字长蛇，全速向前，炮口调向南，准备第二轮炮击。
众水手与炮兵见主将沉着应战，并无慌乱之态，也都受到了丁汝昌的影响，都渐渐的冷静下来。
丁汝昌见自已舰队将要与太平军水师擦臂而过之时，下令开炮。炮手们一个个收收拾起了最起慌乱的心，按平时的操练，进行开炮射击，现在充分发挥出了北洋水师船快炮利的优势。在北洋水师打出第二轮炮击之后，太平军水师相继有四艘舰船中弹，并有三艘起火。
北洋水师炮兵见太平军舰船有中弹的，立刻一阵欢呼，但很快又填装炮弱，准备下一轮炮击。丁汝昌在北洋水师舰船冲过四里多远后，下令调转船队。
而太平军振王候玉田见刚才一轮炮击，北洋水师与自己舰船拉开距离，使得自己一方火炮打不到北洋水师。没有办法，在舰队调转过来之后，迅速向江心使去，使得北洋水师无法再躲避。
丁汝昌见太平军驶向江心，向自己舰队冲来，立刻打出旗语，舰分为两队，分别驶向南北两岸，将太平军水师夹在中间。
北洋水师全体官兵受刚才一轮炮击的鼓舞，打得越发的精准，再第三轮炮击之后，太平军舰船又有十二艘起火，前且还有五艘被直接击沉。